Add list support to sass const()

tropy · Mar 6, 2017 · a78c438 · a78c438
1 parent 44cd9cb
commit a78c438
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 14 deletions.
diff --git a/scripts/make.js b/scripts/make.js
@@ -235,13 +235,16 @@ const SassExtensions = {
     const { get } = require('../src/common/util')
 
     const value = get(SASS, name.getValue())
+    unit = unit.getValue()
 
     if (typeof value === 'number') {
-      return new sass.types.Number(value, unit.getValue())
+      return new sass.types.Number(value, unit)
     }
 
-    if (typeof value === 'number') {
-      return new sass.types.Number(value)
+    if (Array.isArray(value)) {
+      return value.reduce((list, val, i) => (
+        list.setValue(i, new sass.types.Number(val, unit)), list
+      ), new sass.types.List(value.length))
     }
 
     return sass.types.Null.NULL

diff --git a/src/stylesheets/partials/_tile.scss b/src/stylesheets/partials/_tile.scss
@@ -9,24 +9,18 @@
   justify-content: center;
   align-items: center;
 
-  $i: $tile-thumbnail-size-min;
-
-  @while $i <= $tile-thumbnail-size-max {
-    [data-size="#{$i}"] & {
-      $tile-size: #{round($i * $tile-factor)}px;
+  @each $size in const("ITEM.ZOOM") {
+    [data-size="#{$size}"] & {
+      $tile-size: #{round($size * $tile-factor)}px;
 
       flex-basis: $tile-size;
       height: $tile-size;
 
       .thumbnail {
-        $size: #{$i}px;
-
-        width: $size;
-        height: $size;
+        width: #{$size}px;
+        height: #{$size}px;
       }
     }
-
-    $i: $i + $tile-size-step-min;
   }
 
   &.filler {