flake-scss 0.1.8 → 0.1.9

data/vendor/assets/stylesheets/general/_position.scss

@@ -1,30 +1,29 @@
 $positions-responsive: true !default;
 
-$positions: () !default;
-@if $positions == () {
-  $positions: (
-    fixed,
-    relative,
-    absolute,
-    static,
-    sticky
-  );
-}
+$positions: (
+  fixed,
+  relative,
+  absolute,
+  static,
+  sticky
+) !default;
+
+@if index($components, position) {
+  @each $position in $positions {
+    .#{$position} {
+      position: $position;
+    }
 
-@each $position in $positions {
-  .#{$position} {
-    position: $position;
+    $addme: add-to-apply-map(#{$position}, "position", "#{$position}");
   }
 
-  $addme: add-to-apply-map(#{$position}, "position", "#{$position}");
-}
-
-@if $positions-responsive {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @each $position in $positions {
-        .#{$breakpoint}\:#{$position} {
-          position: $position;
+  @if $positions-responsive {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @each $position in $positions {
+          .#{$breakpoint}\:#{$position} {
+            position: $position;
+          }
         }
       }
     }
@@ -33,30 +32,29 @@ $positions: () !default;
 
 $pins-responsive: true !default;
 
-$pins: () !default;
-@if $pins == () {
-  $pins: (
-    t: "top",
-    r: "right",
-    b: "bottom",
-    l: "left"
-  );
-}
+$pins: (
+  t: "top",
+  r: "right",
+  b: "bottom",
+  l: "left"
+) !default;
+
+@if index($components, position) {
+  @each $pin, $value in $pins {
+    .pin-#{$pin} {
+      #{$value}: 0;
+    }
 
-@each $pin, $value in $pins {
-  .pin-#{$pin} {
-    #{$value}: 0;
+    $addme: add-to-apply-map(pin-#{$pin}, "#{$value}", "0");
   }
 
-  $addme: add-to-apply-map(pin-#{$pin}, "#{$value}", "0");
-}
-
-@if $pins-responsive {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @each $pin, $value in $pins {
-        .#{$breakpoint}\:pin-#{$pin} {
-          #{$value}: 0;
+  @if $pins-responsive {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @each $pin, $value in $pins {
+          .#{$breakpoint}\:pin-#{$pin} {
+            #{$value}: 0;
+          }
         }
       }
     }

data/vendor/assets/stylesheets/general/_z-index.scss

@@ -1,20 +1,19 @@
-$z-index: () !default;
-@if $z-index == () {
-  $z-index: (
-    -1,
-    0,
-    1,
-    2,
-    3,
-    4,
-    5
-  );
-}
+$z-index: (
+  -1,
+  0,
+  1,
+  2,
+  3,
+  4,
+  5
+) !default;
 
-@each $value in $z-index {
-  .z-#{$value} {
-    z-index: $value;
-  }
+@if index($components, z-index) {
+  @each $value in $z-index {
+    .z-#{$value} {
+      z-index: $value;
+    }
 
-  $addme: add-to-apply-map(z-#{$value}, "z-index", "#{$value}");
+    $addme: add-to-apply-map(z-#{$value}, "z-index", "#{$value}");
+  }
 }

data/vendor/assets/stylesheets/layout/_flex.scss

@@ -1,15 +1,12 @@
 $flex-responsive: true !default;
 
-$flex: () !default;
-@if $flex == () {
-  $flex: (
-    flex-direction,
-    flex-wrap,
-    align-items,
-    align-self,
-    justify-content
-  );
-}
+$flex: (
+  flex-direction,
+  flex-wrap,
+  align-items,
+  align-self,
+  justify-content
+) !default;
 
 $flex-list: (
   "flex-direction": (
@@ -58,43 +55,45 @@ $flex-list: (
   )
 );
 
-@each $property in $flex {
-  $medium: map-get($flex-list, $property);
-  $classstart: "";
+@if index($components, flex) {
+  @each $property in $flex {
+    $medium: map-get($flex-list, $property);
+    $classstart: "";
 
-  @each $name, $value in $medium {
-    @if $name == "class" {
-      $classstart: #{$value};
-    }
+    @each $name, $value in $medium {
+      @if $name == "class" {
+        $classstart: #{$value};
+      }
 
-    @if $name == "values" {
-      @each $value-name, $value-value in $value {
-        .#{$classstart}-#{$value-name} {
-          #{$property}: #{$value-value};
-        }
+      @if $name == "values" {
+        @each $value-name, $value-value in $value {
+          .#{$classstart}-#{$value-name} {
+            #{$property}: #{$value-value};
+          }
 
-        $addme: add-to-apply-map(#{$classstart}-#{$value-name}, "#{$property}", "#{$value-value}");
+          $addme: add-to-apply-map(#{$classstart}-#{$value-name}, "#{$property}", "#{$value-value}");
+        }
       }
     }
   }
-}
 
-@if $flex-responsive {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @each $property in $flex {
-        $medium: map-get($flex-list, $property);
-        $classstart: "";
+  @if $flex-responsive {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @each $property in $flex {
+          $medium: map-get($flex-list, $property);
+          $classstart: "";
 
-        @each $name, $value in $medium {
-          @if $name == "class" {
-            $classstart: #{$value};
-          }
+          @each $name, $value in $medium {
+            @if $name == "class" {
+              $classstart: #{$value};
+            }
 
-          @if $name == "values" {
-            @each $value-name, $value-value in $value {
-              .#{$breakpoint}\:#{$classstart}-#{$value-name} {
-                #{$property}: #{$value-value};
+            @if $name == "values" {
+              @each $value-name, $value-value in $value {
+                .#{$breakpoint}\:#{$classstart}-#{$value-name} {
+                  #{$property}: #{$value-value};
+                }
               }
             }
           }

data/vendor/assets/stylesheets/shadows/_shadows.scss

@@ -1,39 +1,38 @@
 $shadows-hover: true !default;
 $shadows-responsive: true !default;
 
-$shadows: () !default;
-@if $shadows == () {
-  $shadows: (
-    0: "none",
-    1: "0 1px 3px #{rgba(map-get(map-get($colors-list, gray), 900), .05)}, 0 1px 2px #{rgba(map-get(map-get($colors-list, gray), 900), .11)}",
-    2: "0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .07)}, 0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .10)}",
-    3: "0 10px 20px #{rgba(map-get(map-get($colors-list, gray), 900), .15)}, 0 6px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .10)}",
-    4: "0 14px 28px #{rgba(map-get(map-get($colors-list, gray), 900), .12)}, 0 10px 10px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}",
-    5: "0 19px 38px #{rgba(map-get(map-get($colors-list, gray), 900), .17)}, 0 15px 12px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}"
-  );
-}
+$shadows: (
+  0: "none",
+  1: "0 1px 3px #{rgba(map-get(map-get($colors-list, gray), 900), .05)}, 0 1px 2px #{rgba(map-get(map-get($colors-list, gray), 900), .11)}",
+  2: "0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .07)}, 0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .10)}",
+  3: "0 10px 20px #{rgba(map-get(map-get($colors-list, gray), 900), .15)}, 0 6px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .10)}",
+  4: "0 14px 28px #{rgba(map-get(map-get($colors-list, gray), 900), .12)}, 0 10px 10px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}",
+  5: "0 19px 38px #{rgba(map-get(map-get($colors-list, gray), 900), .17)}, 0 15px 12px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}"
+) !default;
 
-@each $shadow, $value in $shadows {
-  $hover: "";
+@if index($components, shadows) {
+  @each $shadow, $value in $shadows {
+    $hover: "";
 
-  @if $shadows-hover {
-    $hover: ", .hover\\:shadow-#{$shadow}:hover";
-  }
+    @if $shadows-hover {
+      $hover: ", .hover\\:shadow-#{$shadow}:hover";
+    }
 
-  .shadow-#{$shadow}
-  #{$hover} {
-    box-shadow: #{$value};
-  }
+    .shadow-#{$shadow}
+    #{$hover} {
+      box-shadow: #{$value};
+    }
 
-  $addme: add-to-apply-map(shadow-#{$shadow}, "box-shadow", "#{$value}");
-}
+    $addme: add-to-apply-map(shadow-#{$shadow}, "box-shadow", "#{$value}");
+  }
 
-@if $shadows-responsive {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @each $shadow, $value in $shadows {
-        .#{$breakpoint}\:shadow-#{$shadow} {
-          box-shadow: #{$value};
+  @if $shadows-responsive {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @each $shadow, $value in $shadows {
+          .#{$breakpoint}\:shadow-#{$shadow} {
+            box-shadow: #{$value};
+          }
         }
       }
     }

data/vendor/assets/stylesheets/sizing/_grid.scss

@@ -1,7 +1,3 @@
-$grid-size: 12 !default;
-$grid-full: true !default;
-$grid-single: false !default;
-
 @mixin widthify($divide: 0, $division: 0, $breakpoint: 0) {
   $bp: "";
   @if $breakpoint != 0 {
@@ -17,64 +13,70 @@ $grid-single: false !default;
   }
 }
 
-// No Breakpoints
-@if $grid-single {
-  @for $i from 1 through $grid-size {
-    .w-#{$i} {
-      width: (100% / $grid-size) * $i;
-    }
+$grid-size: 12 !default;
+$grid-full: true !default;
+$grid-single: false !default;
 
-    $addme: add-to-apply-map("w-#{$i}", "width", "#{(100% / $grid-size) * $i}");
-  }
-} @else {
-  @for $i from 1 through $grid-size {
-    @if $grid-full {
-      @for $j from 1 through $i {
-        @include widthify($i, $j);
+@if index($components, grid) {
+  // No Breakpoints
+  @if $grid-single {
+    @for $i from 1 through $grid-size {
+      .w-#{$i} {
+        width: (100% / $grid-size) * $i;
+      }
+
+      $addme: add-to-apply-map("w-#{$i}", "width", "#{(100% / $grid-size) * $i}");
+    }
+  } @else {
+    @for $i from 1 through $grid-size {
+      @if $grid-full {
+        @for $j from 1 through $i {
+          @include widthify($i, $j);
+        }
+      } @else {
+        @include widthify($i, 1);
       }
-    } @else {
-      @include widthify($i, 1);
     }
   }
-}
 
-// Breakpoints
-@if $grid-single {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @for $i from 1 through $grid-size {
-        .#{$breakpoint}\:w-#{$i} {
-          width: (100% / $grid-size) * $i;
+  // Breakpoints
+  @if $grid-single {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @for $i from 1 through $grid-size {
+          .#{$breakpoint}\:w-#{$i} {
+            width: (100% / $grid-size) * $i;
+          }
         }
       }
     }
-  }
-} @else {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @for $i from 1 through $grid-size {
-        @if $grid-full {
-          @for $j from 1 through $i {
-            @include widthify($i, $j, $breakpoint);
+  } @else {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @for $i from 1 through $grid-size {
+          @if $grid-full {
+            @for $j from 1 through $i {
+              @include widthify($i, $j, $breakpoint);
+            }
+          } @else {
+            @include widthify($i, 1, $breakpoint);
           }
-        } @else {
-          @include widthify($i, 1, $breakpoint);
         }
       }
     }
   }
-}
 
-@if map-get($breakpoints, mw) {
-  .w-max {
-    max-width: map-get($breakpoints, mw);
+  @if map-get($breakpoints, mw) {
+    .w-max {
+      max-width: map-get($breakpoints, mw);
+    }
   }
-}
 
-.h-1\/1 {
-  height: 100%;
-}
+  .h-1\/1 {
+    height: 100%;
+  }
 
-.h-auto {
-  height: auto;
+  .h-auto {
+    height: auto;
+  }
 }

data/vendor/assets/stylesheets/sizing/_spacing.scss

@@ -1,17 +1,14 @@
 $spacing-responsive: true !default;
 
-$spacing: () !default;
-@if $spacing == () {
-  $spacing: (
-    0: 0,
-    1: .25rem,
-    2: .5rem,
-    3: 1rem,
-    4: 2rem,
-    5: 4rem,
-    auto: auto
-  );
-}
+$spacing: (
+  0: 0,
+  1: .25rem,
+  2: .5rem,
+  3: 1rem,
+  4: 2rem,
+  5: 4rem,
+  auto: auto
+) !default;
 
 $spacing-locations: (
   t: "top",
@@ -25,7 +22,7 @@ $spacing-locations: (
     left: "left",
     right: "right"
   )
-);
+) !default;
 
 $types: (
   m: margin,
@@ -80,47 +77,49 @@ $types: (
   }
 }
 
-@each $space, $value in $spacing {
-  @include paddingmargin($space, $value);
+@if index($components, spacing) {
+  @each $space, $value in $spacing {
+    @include paddingmargin($space, $value);
 
-  @each $location, $location-value in $spacing-locations {
-    @include paddingmargin($space, $value, 0, $location, $location-value);
+    @each $location, $location-value in $spacing-locations {
+      @include paddingmargin($space, $value, 0, $location, $location-value);
+    }
   }
-}
 
-@if $spacing-responsive {
-  @each $space, $value in $spacing {
-    @each $breakpoint, $breakpoint-value in $breakpoints {
-      @include breakpoint($breakpoint) {
-        @include paddingmargin($space, $value, $breakpoint);
+  @if $spacing-responsive {
+    @each $space, $value in $spacing {
+      @each $breakpoint, $breakpoint-value in $breakpoints {
+        @include breakpoint($breakpoint) {
+          @include paddingmargin($space, $value, $breakpoint);
 
-        @each $location, $location-value in $spacing-locations {
-          @include paddingmargin($space, $value, $breakpoint, $location, $location-value);
+          @each $location, $location-value in $spacing-locations {
+            @include paddingmargin($space, $value, $breakpoint, $location, $location-value);
+          }
         }
       }
     }
   }
-}
 
-@each $space, $value in $spacing {
-  @if type-of($value) == "number" {
-    .-mx-#{$space} {
-      margin-left: $value * -1;
-      margin-right: $value * -1;
-    }
+  @each $space, $value in $spacing {
+    @if type-of($value) == "number" {
+      .-mx-#{$space} {
+        margin-left: $value * -1;
+        margin-right: $value * -1;
+      }
 
-    $addme: add-to-apply-map(-mx-#{$space}, ("margin-left": "", "margin-right": ""), "#{$value * -1}");
+      $addme: add-to-apply-map(-mx-#{$space}, ("margin-left": "", "margin-right": ""), "#{$value * -1}");
+    }
   }
-}
 
-@if $spacing-responsive {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @each $space, $value in $spacing {
-        @if type-of($value) == "number" {
-          .#{$breakpoint}\:-mx-#{$space} {
-            margin-left: $value * -1;
-            margin-right: $value * -1;
+  @if $spacing-responsive {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @each $space, $value in $spacing {
+          @if type-of($value) == "number" {
+            .#{$breakpoint}\:-mx-#{$space} {
+              margin-left: $value * -1;
+              margin-right: $value * -1;
+            }
           }
         }
       }

data/vendor/assets/stylesheets/text/_align.scss

@@ -4,22 +4,24 @@ $align: (
   left,
   center,
   right
-);
+) !default;
 
-@each $value in $align {
-  .text-#{$value} {
-    text-align: $value;
-  }
+@if index($components, text-align) {
+  @each $value in $align {
+    .text-#{$value} {
+      text-align: $value;
+    }
 
-  $addme: add-to-apply-map(text-#{$value}, "text", "#{$value}");
-}
+    $addme: add-to-apply-map(text-#{$value}, "text", "#{$value}");
+  }
 
-@if $text-align-responsive {
-  @each $breakpoint, $breakpoint-value in $breakpoints {
-    @include breakpoint($breakpoint) {
-      @each $value in $align {
-        .#{$breakpoint}\:text-#{$value} {
-          text-align: $value;
+  @if $text-align-responsive {
+    @each $breakpoint, $breakpoint-value in $breakpoints {
+      @include breakpoint($breakpoint) {
+        @each $value in $align {
+          .#{$breakpoint}\:text-#{$value} {
+            text-align: $value;
+          }
         }
       }
     }

data/vendor/assets/stylesheets/text/_colors.scss

@@ -1,41 +1,41 @@
-@import "../flake/colors-list";
-
 $text-colors-hover: true !default;
 
-@if $theme-colors != () {
-  @each $color, $value in $theme-colors {
-    $hover: "";
+@if index($components, text-colors) {
+  @if $theme-colors != () {
+    @each $color, $value in $theme-colors {
+      $hover: "";
 
-    @if $text-colors-hover {
-      $hover: ", .hover\\:text-#{"" + $color}:hover";
-    }
+      @if $text-colors-hover {
+        $hover: ", .hover\\:text-#{"" + $color}:hover";
+      }
 
-    .text-#{"" + $color}
-    #{$hover} {
-      color: #{$value};
-    }
+      .text-#{"" + $color}
+      #{$hover} {
+        color: #{$value};
+      }
 
-    $addme: add-to-apply-map(text-#{"" + $color}, "color", "#{$value}");
+      $addme: add-to-apply-map(text-#{"" + $color}, "color", "#{$value}");
+    }
   }
-}
 
-@if $full-colors {
-  @each $color in $colors {
-    $medium: map-get($colors-list, $color);
+  @if $full-colors {
+    @each $color in $colors {
+      $medium: map-get($colors-list, $color);
 
-    @each $shade, $value in $medium {
-      $hover: "";
+      @each $shade, $value in $medium {
+        $hover: "";
 
-      @if $text-colors-hover {
-        $hover: ", .hover\\:text-#{"" + $color}-#{"" + $shade}:hover";
-      }
+        @if $text-colors-hover {
+          $hover: ", .hover\\:text-#{"" + $color}-#{"" + $shade}:hover";
+        }
 
-      .text-#{"" + $color}-#{"" + $shade}
-      #{$hover} {
-        color: $value;
-      }
+        .text-#{"" + $color}-#{"" + $shade}
+        #{$hover} {
+          color: $value;
+        }
 
-      $addme: add-to-apply-map(text-#{"" + $color}-#{"" + $shade}, "color", "#{$value}");
+        $addme: add-to-apply-map(text-#{"" + $color}-#{"" + $shade}, "color", "#{$value}");
+      }
     }
   }
 }