diff --git a/src/index.scss b/src/index.scss index 31dbdf6..9a0d39c 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,4 +1,4 @@ -@use 'scss/vars' as *; +@use 'scss/vars'; -@import 'scss/markdown'; -@import 'scss/prose'; +@use 'scss/markdown'; +@use 'scss/prose'; diff --git a/src/scss/partials/_all.scss b/src/scss/partials/_all.scss index 7c957c6..2d44478 100644 --- a/src/scss/partials/_all.scss +++ b/src/scss/partials/_all.scss @@ -1 +1,9 @@ -@import 'title', 'text', 'link', 'code', 'quote', 'figure', 'list', 'table', 'media'; +@use 'title'; +@use 'text'; +@use 'link'; +@use 'code'; +@use 'quote'; +@use 'figure'; +@use 'list'; +@use 'table'; +@use 'media'; diff --git a/src/scss/prose.scss b/src/scss/prose.scss index 3e17265..2d3e30f 100644 --- a/src/scss/prose.scss +++ b/src/scss/prose.scss @@ -1,6 +1,8 @@ -@use 'partials/container' as *; +@use 'sass:meta'; + +@use 'partials/container'; .prose { - @include container; - @import 'partials/all'; + @include container.container; + @include meta.load-css('partials/all'); } diff --git a/src/scss/vars.scss b/src/scss/vars.scss index 2a8e81e..a383e04 100644 --- a/src/scss/vars.scss +++ b/src/scss/vars.scss @@ -1,4 +1,4 @@ -@use 'sass:meta' as *; +@use 'sass:meta'; @use 'variables/constants'; @use 'variables/colors'; @@ -7,20 +7,20 @@ @use 'variables/modes/dark'; :root { - @each $name, $val in module-variables('constants') { + @each $name, $val in meta.module-variables('constants') { --xm-#{$name}: #{$val}; } - @each $name, $val in module-variables('colors') { + @each $name, $val in meta.module-variables('colors') { --xm-c-#{$name}: #{$val}; } } .markdown-body { - @each $name, $val in module-variables('light') { + @each $name, $val in meta.module-variables('light') { --xm-c-#{$name}: #{$val}; } } .dark .markdown-body { - @each $name, $val in module-variables('dark') { + @each $name, $val in meta.module-variables('dark') { --xm-c-#{$name}: #{$val}; } }