From cde9f037f1fb2f317f7ff9c79dc4ebba8bd01b94 Mon Sep 17 00:00:00 2001 From: Stacy Kvernmo Date: Tue, 26 Sep 2023 10:40:25 -0500 Subject: [PATCH] change css to sass comments --- src/sass/config/_index.scss | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/sass/config/_index.scss b/src/sass/config/_index.scss index 68ee8a10..5048031f 100644 --- a/src/sass/config/_index.scss +++ b/src/sass/config/_index.scss @@ -6,12 +6,12 @@ @forward 'scale'; @forward 'utilities'; -/** - * To turn Sass tokens into CSS custom properties: - * - load each color module with `@use` - * - use the `tools.add-colors` mixin with the `sass:meta` module to create a map of the variables in the imported module - * - in `initial/_root.scss` call the `config.colors--()` mixin to create custom properties - */ +// To turn Sass tokens into CSS custom properties: +// - load each color module with `@use` +// - use the `tools.add-*` mixin with the `sass:meta` module to create a +// map of the variables in the imported module +// - in `initial/_root.scss` call the `config.*--()` mixin to create +// custom properties @use 'tools'; @use 'sass:meta'; @use 'animation/easing'; @@ -23,8 +23,7 @@ @use 'scale/spacing'; @use 'scale/text'; @use 'scale/ui' as scale-ui; -@include tools.add-easing(meta.module-variables('easing')); -@include tools.add-times(meta.module-variables('times')); + @include tools.add-colors(meta.module-variables('brand')); @include tools.add-colors(meta.module-variables('color-ui')); @include tools.add-sizes(meta.module-variables('ratio')); @@ -32,3 +31,5 @@ @include tools.add-sizes(meta.module-variables('spacing')); @include tools.add-sizes(meta.module-variables('text')); @include tools.add-sizes(meta.module-variables('scale-ui')); +@include tools.add-easing(meta.module-variables('easing')); +@include tools.add-times(meta.module-variables('times'));