diff --git a/src/_variables.scss b/src/_variables.scss index d69a797..9e5afd3 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -1,3 +1,4 @@ + /// All variables must be defined separately /// to the _config so that they can be overridden /// using the _override-vars and/or _override-config. @@ -48,4 +49,4 @@ $light-colors: ( $dark-colors: ( 'text': map-get($gorko-colors, 'light'), 'bg': map-get($gorko-colors, 'dark') -) !default; +) !default; \ No newline at end of file diff --git a/src/generator/workers/_process-collection.scss b/src/generator/workers/_process-collection.scss index 20eabf4..020c753 100644 --- a/src/generator/workers/_process-collection.scss +++ b/src/generator/workers/_process-collection.scss @@ -17,10 +17,10 @@ @mixin process-collection($collection, $prefix, $selector, $is-breakpoint) { // Check if the $collection is a map @if meta.type-of($collection) == 'map' { - $items: map-get($collection, 'items'); - $output: map-get($collection, 'output'); - $property: map-get($collection, 'property'); - $use-css-vars: map-get($collection, 'css-vars'); + $items: map.get($collection, 'items'); + $output: map.get($collection, 'output'); + $property: map.get($collection, 'property'); + $use-css-vars: map.get($collection, 'css-vars'); $vars-key: ''; $selector: _n.get-namespace('classes') + $selector; @@ -28,9 +28,9 @@ /// If this collection is using CSS vars, the items come from the /// 'css-vars' map in $gorko-config @if ($use-css-vars) { - $vars: map-get(_c.$gorko-config, 'css-vars'); - $vars-key: map-get($collection, 'items'); - $items: map-get($vars, $vars-key); + $vars: map.get(_c.$gorko-config, 'css-vars'); + $vars-key: map.get($collection, 'items'); + $items: map.get($vars, $vars-key); } /// It'll only run if $items and $property aren't null. This means it'll ignore the breakpoints and design tokens, for example. @@ -66,4 +66,4 @@ } @else { @error "Invalid collection type: #{$collection}. Expected map or list of maps."; } -} +} \ No newline at end of file