Updated SCSS to use @use instead of @import via sass-migrator

This commit is contained in:
Calvin Vette 2024-12-01 15:05:08 -05:00
parent f20173fded
commit e061086833
4 changed files with 13 additions and 12 deletions

1
.gitignore vendored
View File

@ -27,6 +27,7 @@ dist-ssr
/build /build
.env.local .env.local
.env .env
.dev.vars
*.vars *.vars
.wrangler .wrangler
_worker.bundle _worker.bundle

View File

@ -1,3 +1,5 @@
@use "../z-index";
[data-resize-handle] { [data-resize-handle] {
position: relative; position: relative;
@ -8,7 +10,7 @@
bottom: 0; bottom: 0;
left: -6px; left: -6px;
right: -5px; right: -5px;
z-index: $zIndexMax; z-index: z-index.$zIndexMax;
} }
&[data-panel-group-direction='vertical']:after { &[data-panel-group-direction='vertical']:after {
@ -18,7 +20,7 @@
right: 0; right: 0;
top: -5px; top: -5px;
bottom: -6px; bottom: -6px;
z-index: $zIndexMax; z-index: z-index.$zIndexMax;
} }
&[data-resize-handle-state='hover']:after, &[data-resize-handle-state='hover']:after,

View File

@ -1,11 +1,11 @@
@import './variables.scss'; @use 'variables.scss';
@import './z-index.scss'; @use 'z-index.scss';
@import './animations.scss'; @use 'animations.scss';
@import './components/terminal.scss'; @use 'components/terminal.scss';
@import './components/resize-handle.scss'; @use 'components/resize-handle.scss';
@import './components/code.scss'; @use 'components/code.scss';
@import './components/editor.scss'; @use 'components/editor.scss';
@import './components/toast.scss'; @use 'components/toast.scss';
html, html,
body { body {

View File

@ -97,9 +97,7 @@
"devDependencies": { "devDependencies": {
"@blitz/eslint-plugin": "0.1.0", "@blitz/eslint-plugin": "0.1.0",
"@cloudflare/workers-types": "^4.20241127.0", "@cloudflare/workers-types": "^4.20241127.0",
"@jridgewell/sourcemap-codec": "^1.5.0",
"@remix-run/dev": "^2.15.0", "@remix-run/dev": "^2.15.0",
"@rollup/plugin-inject": "^5.0.5",
"@types/diff": "^5.2.3", "@types/diff": "^5.2.3",
"@types/file-saver": "^2.0.7", "@types/file-saver": "^2.0.7",
"@types/js-cookie": "^3.0.6", "@types/js-cookie": "^3.0.6",