Update _process-collection.scss

woodcox · Apr 15, 2024 · 7be717a · 7be717a
1 parent f75f899
commit 7be717a
Showing 1 changed file with 22 additions and 21 deletions.
diff --git a/src/generator/workers/_process-collection.scss b/src/generator/workers/_process-collection.scss
@@ -48,29 +48,18 @@
       @debug 'css-var:' $use-css-vars;
       $vars-key: '';
     }
-  }
-  $selector: _n.get-namespace('classes') + $selector;
+
+    $selector: _n.get-namespace('classes') + $selector;
 
-  @if $use-css-vars {
-    $vars: map-get(_c.$gorko-config, 'css-vars');
-    $vars-key: map-get($list, 'items');
-    $items: map-get($vars, $vars-key);
-  }    
+    @if $use-css-vars {
+      $vars: map-get(_c.$gorko-config, 'css-vars');
+      $vars-key: map-get($list, '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.
-  @if $property and $items {
-    @if $output == 'responsive' {
-      @include _css.generate-css(
-        #{$prefix + $selector},
-        $property,
-        $items,
-        $use-css-vars,
-        $vars-key
-      );
-    }
-
-    @if $output == 'standard' {
-      @if not $is-breakpoint {
+    /// It'll only run if $items and $property aren't null. This means it'll ignore the breakpoints and design tokens, for example.
+    @if $property and $items {
+      @if $output == 'responsive' {
         @include _css.generate-css(
           #{$prefix + $selector},
           $property,
@@ -79,6 +68,18 @@
           $vars-key
         );
       }
+
+      @if $output == 'standard' {
+        @if not $is-breakpoint {
+          @include _css.generate-css(
+            #{$prefix + $selector},
+            $property,
+            $items,
+            $use-css-vars,
+            $vars-key
+          );
+        }
+      }
     }
   } @else if type-of($collection) == 'map' {
     // Process the map