flake-scss 0.1.7 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9d7aec877e2aff2966a6f35035b3b01cde42cd63
-  data.tar.gz: 7e7075e81448619b9906ea2d1ed18d327fe3ce67
+  metadata.gz: 0c9cb7e7b2c4d6b8b6299d5e1671407fc57180ae
+  data.tar.gz: 9a08cfdc193550c995a3fcaa0b5ed6b4a5699ef8
 SHA512:
-  metadata.gz: 1d9eb92d72e658dd0268ef87d81cc5e0b30e08a37497a5911a0b76724938f7a0fcb931ccf51cf89bbae5ee9214890de4f193a3ed5e39b26e44c86e7d542832ec
-  data.tar.gz: 76a6358677b6e642a7f5aa539b29bbdff26da842924bd4edf3c97c75e1e8938d1dd5a2b89f9d7d7332b5b12f2dcd8f3b975de0b4bd776ea5d66c6e84301feb6f
+  metadata.gz: da357a7f98b71a940e135ca04b68bb3ba6e44783467cf16b4d2c0d858de9c1309db6df6226fecdb3e4074f2a29df8beb784b576f864edbec7ae4015c3e91ff44
+  data.tar.gz: 90d9fccccbe46a5a1024548bb1dafa28d645ec71cf51890fefba0c2ae8db04f1f88adc5d958ee8afaa519009a3657470a408fb52e6b852124d9acca3d93b3bd1

data/lib/flake/scss/version.rb

@@ -1,5 +1,5 @@
 module Flake
   module Scss
-    VERSION = "0.1.7"
+    VERSION = "0.1.8"
   end
 end

data/vendor/assets/stylesheets/flake/_breakpoints.scss

@@ -7,11 +7,3 @@ $breakpoints: () !default;
     mw: 1200px
   );
 }
-
-@mixin breakpoint($size) {
-  $query: map-get($breakpoints, $size);
-
-  @media (min-width: #{$query}) {
-    @content;
-  }
-}

data/vendor/assets/stylesheets/flake/_functions.scss

@@ -3,14 +3,29 @@
 }
 
 @function add-to-apply-map($classname, $property, $value) {
-  $to-add-to-map: (
-    $classname: (
-      $property: $value
-    )
-  );
+  $to-add-to-map: "";
 
-  $apply-classes: map-merge($apply-classes, $to-add-to-map) !global;
+  @if type-of($property) == "map" {
+    $property-stack: ();
+
+    @each $prop in $property {
+      $property-stack: map-merge($property-stack, ("#{$prop}": $value));
+    }
 
+    $to-add-to-map: (
+      $classname: (
+        $property-stack
+      )
+    );
+  } @else {
+    $to-add-to-map: (
+      $classname: (
+        $property: $value
+      )
+    );
+  }
+
+  $apply-classes: map-merge($apply-classes, $to-add-to-map) !global;
   @return $to-add-to-map;
 }
 

data/vendor/assets/stylesheets/flake/_mixins.scss

@@ -7,3 +7,11 @@
     }
   }
 }
+
+@mixin breakpoint($size) {
+  $query: map-get($breakpoints, $size);
+
+  @media (min-width: #{$query}) {
+    @content;
+  }
+}

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

@@ -16,5 +16,5 @@ $z-index: () !default;
     z-index: $value;
   }
 
-  $addme: add-to-apply-map(#{$z-index}, "z-index", "#{$z-index}");
+  $addme: add-to-apply-map(z-#{$value}, "z-index", "#{$value}");
 }

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

@@ -14,18 +14,17 @@ $spacing: () !default;
 }
 
 $spacing-locations: (
-  auto: "auto",
   t: "top",
   r: "right",
   b: "bottom",
   l: "left",
   y: (
-    "top",
-    "bottom"
+    top: "top",
+    bottom: "bottom"
   ), x: (
-    "left",
-    "right"
-  ),
+    left: "left",
+    right: "right"
+  )
 );
 
 $types: (
@@ -52,15 +51,30 @@ $types: (
     }
 
     .#{$bp}#{$type}#{$l}#{$s} {
-      @each $loc in $location-value {
+      @if type-of($location-value) == "map" {
+        $properties: ();
+        @each $loc, $loc-value in $location-value {
+          $sep: "-";
+
+          $map: (#{$type-value}#{$sep}#{$loc-value}: "");
+          $properties: map-merge($properties, $map);
+          #{$type-value}#{$sep}#{$loc-value}: $value;
+        }
+
+        @if $bp == "" {
+          $addme: add-to-apply-map(#{$bp}#{$type}#{$l}#{$s}, $properties, $value);
+        }
+      } @else {
         $sep: "";
-        @if $loc != "" {
+        @if $location-value != "" {
           $sep: "-";
         }
 
-        #{$type-value}#{$sep}#{$loc}: $value;
+        #{$type-value}#{$sep}#{$location-value}: $value;
 
-        $addme: add-to-apply-map(#{$bp}#{$type}#{$l}#{$s}, "#{$type-value}#{$sep}#{$loc}", "#{$value}");
+        @if $bp == "" {
+          $addme: add-to-apply-map(#{$bp}#{$type}#{$l}#{$s}, "#{$type-value}#{$sep}#{$location-value}", "#{$value}");
+        }
       }
     }
   }
@@ -94,5 +108,22 @@ $types: (
       margin-left: $value * -1;
       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;
+          }
+        }
+      }
+    }
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: flake-scss
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.8
 platform: ruby
 authors:
 - Mitcheljager
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-11-17 00:00:00.000000000 Z
+date: 2017-11-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler