singularitygs 1.5.1 → 1.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6a5b03761043033fa5024c387527d4a992b70e69
-  data.tar.gz: 258f173c9d2581ff1ed235d9f78de225c26ffc11
+  metadata.gz: 4a3d06c85dbf8aec621a47396e11270e452c0214
+  data.tar.gz: 8e437c8e7a3c0c4932edbe34aefc7a22c77f0101
 SHA512:
-  metadata.gz: ab312af3631a10baf1a09ea56a3658a8b7471b2e512eb1c623fcab9d7efdc20f020c4e867afce097ff203ed38b84a3c1729f35a5da6f62e967e0211bf17ad31f
-  data.tar.gz: 0d3609c4431fd47d3c9edb9c3620469438d9143a3133942cc1642cb66d57f514e7eabad66b93e10a2584ef2f37374bfa8fa741ac3b06324a606ac7d7b3ff97e0
+  metadata.gz: bf7db2d617b5e4adc56418b7a33384f8a45065cc6423081b63982e98caa93e4ca667be1e50b11aa4073c21fa6433f33b90ad415e3a376696aab7cb7b8f465704
+  data.tar.gz: a9671359f382ab254726d445ad25299e119f8c6f8de4d2a7d5349f159eb1fe7fa352c77b29fcd5077f7a48400a631fda5624fe6f745b434547e6b2639abbd882

data/lib/singularitygs.rb

@@ -12,6 +12,6 @@ else
 end
 
 module SingularityGS
-  VERSION = "1.5.1"
-  DATE = "2015-01-18"
+  VERSION = "1.6.1"
+  DATE = "2015-02-25"
 end

data/stylesheets/singularitygs/api/_calc.scss

@@ -10,12 +10,25 @@
   $Style: map-get($Span-Map, 'style');
 
   @if unitless($Gutter) {
-    @error "Calc output style uses fixed gutters (gutters with units). Please define fixed gutters to use calc";
+    $ERROR-MESSAGE: "Calc output style uses fixed gutters (gutters with units). Please define fixed gutters to use calc";
+    @if feature-exists(at-error) {
+      @error $ERROR-MESSAGE;
+    }
+    @else {
+      @warn $ERROR-MESSAGE;
+    }
     @return $Return;
   }
 
   @if type-of($Grid) == 'number' {
-    @error "Calc output style is designed to be used with asymmetric grids, especially with a mix of fixed and fluid columns. Please define an asymmetric grid or use another output style.";
+    $ERROR-MESSAGE: "Calc output style is designed to be used with asymmetric grids, especially with a mix of fixed and fluid columns. Please define an asymmetric grid or use another output style.";
+    @if feature-exists(at-error) {
+      @error $ERROR-MESSAGE;
+    }
+    @else {
+      @warn $ERROR-MESSAGE;
+    }
+    @return $Return;
   }
 
   $Start-Row: map-get($Span-Map, 'start row');

data/stylesheets/singularitygs/helpers/_background-grid.scss

@@ -35,6 +35,8 @@
 // -----------------------------------------------
 // Grid Background
 
+@import 'str-replace';
+
 @mixin background-grid(
   $columns: null,
   $gutter: null,
@@ -172,7 +174,7 @@
 
     $Grid-Count: column-count($Grid);
 
-    $Gradient: ();
+    $SVG: '<svg xmlns="http://www.w3.org/2000/svg">';
 
     $Gutter-Width: gutter-span($Gutter, $Grid, $Style);
     @if unit($Gutter-Width) != '%' and unit($Gutter-Width) != '' {
@@ -191,7 +193,7 @@
 
       @if index($Style, 'split') and $i == 1 {
         $Counter-Width: ($Gutter-Width / 2);
-        $Gradient: append($Gradient, ($Gutter-Color, $Gutter-Color $Counter-Width), 'comma');
+        $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Gutter-Color}" width="#{$Gutter-Width / 2}" height="100%"/>';
       }
 
       $Loop-Color: $Column-Color;
@@ -201,9 +203,9 @@
 
       @if $i != $Grid-Count {
         @if unit($Counter-Width) == unit($Loop-Width) {
-          $Gradient: append($Gradient, ($Loop-Color $Counter-Width, $Loop-Color ($Counter-Width + $Loop-Width)), 'comma');
+          $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Loop-Color}" width="#{$Loop-Width}" height="100%"/>';
           $Counter-Width: $Counter-Width + $Loop-Width;
-          $Gradient: append($Gradient, ($Gutter-Color $Counter-Width, $Gutter-Color ($Counter-Width + $Gutter-Width)), 'comma');
+          $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Gutter-Color}" width="#{$Gutter-Width}" height="100%"/>';
           $Counter-Width: $Counter-Width + $Gutter-Width;
         }
         @else {
@@ -213,7 +215,8 @@
       }
       @else if $i == 1 {
         @if unit($Counter-Width) == unit($Loop-Width) {
-          $Gradient: append($Gradient, ($Loop-Color, $Loop-Color $Counter-Width, $Gutter-Color $Counter-Width, $Gutter-Color ($Counter-Width + $Gutter-Width)), 'comma');
+          $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Loop-Color}" width="#{$Loop-Width}" height="100%"/>';
+          $SVG: $SVG + '<rect x="#{$Loop-Width}" fill="#{$Gutter-Color}" width="#{$Gutter-Width}" height="100%"/>';
           $Counter-Width: $Counter-Width + $Loop-Width + $Gutter-Width;
         }
         @else {
@@ -223,31 +226,35 @@
       }
       @else if $i == $Grid-Count and index($Style, 'split') {
         @if unit($Counter-Width) == unit($Loop-Width) {
-          $Gradient: append($Gradient, ($Loop-Color $Counter-Width, $Loop-Color ($Counter-Width + $Loop-Width)), 'comma');
+          $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Loop-Color}" width="#{$Loop-Width}" height="100%"/>';
           $Counter-Width: $Counter-Width + $Loop-Width;
-          $Gradient: append($Gradient, ($Gutter-Color $Counter-Width, $Gutter-Color ($Counter-Width + ($Gutter-Width / 2))), 'comma');
+          $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Gutter-Color}" width="#{$Gutter-Width / 2}" height="100%"/>';
         }
         @else {
           $Display: false;
         }
       }
       @else {
-        $Gradient: append($Gradient, ($Loop-Color $Counter-Width, $Loop-Color), 'comma');
+        $SVG: $SVG + '<rect x="#{$Counter-Width}" fill="#{$Loop-Color}" width="#{$Loop-Width}" height="100%"/>';
       }
     }
 
+    $SVG: $SVG + '</svg>';
+    $SVG: url-encode($SVG);
+
     @if $Display {
+
       @if $bkpt != -1px {
         @include breakpoint($bkpt) {
-          background-image: unquote('linear-gradient(to #{opposite-direction($Direction)}, #{$Gradient})');
+          background-image: url('data:image/svg+xml,' + $SVG);
         }
       }
       @else {
-        background-image: unquote('linear-gradient(to #{opposite-direction($Direction)}, #{$Gradient})');
+        background-image: url('data:image/svg+xml,' + $SVG);
       }
     }
     @else {
-      @warn 'Cannot generate a CSS gradient for grid `#{$Grid}` with gutters `#{$Gutter}` and gutter style `#{$Style}`';
+      @warn 'Cannot generate a Background Grid for grid `#{$Grid}` with gutters `#{$Gutter}` and gutter style `#{$Style}`';
     }
   }
 }

data/stylesheets/singularitygs/helpers/_str-replace.scss

@@ -0,0 +1,145 @@
+// From http://sassmeister.com/gist/1b4f2da5527830088e4d
+
+////
+// I have written a lot of different `str-replace` Sass functions over
+// the months yet none of my tries were succeeding in making the new substring
+// able to contain the one to replace (e.g. `str-replace($str, 'a', 'ab')`).
+// Thanks to Valérian Galliat (@valeriangalliat), I finally managed to build
+// a bulletproof `str-replace` Sass function that allows new string to contain
+// the old one.
+////
+
+/// Replace `$search` with `$replace` in `$string`
+/// @param {String} $string - Initial string
+/// @param {String} $search - Substring to replace
+/// @param {String} $replace ('') - New value
+/// @return {String} - Updated string
+@function str-replace($string, $search, $replace: '') {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+@function url-encode($string) {
+  $encodeMap:('%':'%25',
+              ' ':'%20',
+              '!':'%21',
+              '\"':'%22',
+              '#':'%23',
+              '$':'%24',
+              '&':'%26',
+              '\'':'%27',
+              '(':'%28',
+              ')':'%29',
+              '*':'%2A',
+              '+':'%2B',
+              ',':'%2C',
+              '-':'%2D',
+              '.':'%2E',
+              '/':'%2F',
+              ':':'%3A',
+              ';':'%3B',
+              '<':'%3C',
+              '=':'%3D',
+              '>':'%3E',
+              '?':'%3F',
+              '@':'%40',
+              '[':'%5B',
+              '\\':'%5C',
+              ']':'%5D',
+              '^':'%5E',
+              '_':'%5F',
+              '`':'%60',
+              '{':'%7B',
+              '|':'%7C',
+              '}':'%7D',
+              '~':'%7E',
+              '¢':'%A2',
+              '£':'%A3',
+              '¥':'%A5',
+              '§':'%A7',
+              '«':'%AB',
+              '¬':'%AC',
+              '¯':'%AD',
+              'º':'%B0',
+              '±':'%B1',
+              'ª':'%B2',
+              'µ':'%B5',
+              '»':'%BB',
+              '¼':'%BC',
+              '½':'%BD',
+              '¿':'%BF',
+              'À':'%C0',
+              'Á':'%C1',
+              'Â':'%C2',
+              'Ã':'%C3',
+              'Ä':'%C4',
+              'Å':'%C5',
+              'Æ':'%C6',
+              'Ç':'%C7',
+              'È':'%C8',
+              'É':'%C9',
+              'Ê':'%CA',
+              'Ë':'%CB',
+              'Ì':'%CC',
+              'Í':'%CD',
+              'Î':'%CE',
+              'Ï':'%CF',
+              'Ð':'%D0',
+              'Ñ':'%D1',
+              'Ò':'%D2',
+              'Ó':'%D3',
+              'Ô':'%D4',
+              'Õ':'%D5',
+              'Ö':'%D6',
+              'Ø':'%D8',
+              'Ù':'%D9',
+              'Ú':'%DA',
+              'Û':'%DB',
+              'Ü':'%DC',
+              'Ý':'%DD',
+              'Þ':'%DE',
+              'ß':'%DF',
+              'à':'%E0',
+              'á':'%E1',
+              'â':'%E2',
+              'ã':'%E3',
+              'ä':'%E4',
+              'å':'%E5',
+              'æ':'%E6',
+              'ç':'%E7',
+              'è':'%E8',
+              'é':'%E9',
+              'ê':'%EA',
+              'ë':'%EB',
+              'ì':'%EC',
+              'í':'%ED',
+              'î':'%EE',
+              'ï':'%EF',
+              'ð':'%F0',
+              'ñ':'%F1',
+              'ò':'%F2',
+              'ó':'%F3',
+              'ô':'%F4',
+              'õ':'%F5',
+              'ö':'%F6',
+              '÷':'%F7',
+              'ø':'%F8',
+              'ù':'%F9',
+              'ú':'%FA',
+              'û':'%FB',
+              'ü':'%FC',
+              'ý':'%FD',
+              'þ':'%FE',
+              'ÿ':'%FF'
+  );
+
+  @each $char, $code in $encodeMap  {
+    $string: str-replace($string, $char, $code);
+  }
+  @return $string;
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: singularitygs
 version: !ruby/object:Gem::Version
-  version: 1.5.1
+  version: 1.6.1
 platform: ruby
 authors:
 - Scott Kellum
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-18 00:00:00.000000000 Z
+date: 2015-02-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -77,6 +77,7 @@ files:
 - stylesheets/singularitygs/helpers/_settings.scss
 - stylesheets/singularitygs/helpers/_sort.scss
 - stylesheets/singularitygs/helpers/_span-shared.scss
+- stylesheets/singularitygs/helpers/_str-replace.scss
 - stylesheets/singularitygs/language/_parse-add.scss
 - stylesheets/singularitygs/language/_parse-list.scss
 - stylesheets/singularitygs/language/_span.scss