compass-svg-polyfill 1.0.3 → 1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 68ac35749918f1f4a4570cc8dd3749aff377993e
-  data.tar.gz: bc954adf06a43904ff06bdcd7ae7e11e8aa7d876
+  metadata.gz: 3c4024f50a1b14b2c583ad7a753b65de5c14e38d
+  data.tar.gz: e00b8ee7b61942bae511af147326443738717090
 SHA512:
-  metadata.gz: b9623625de473d7283c3243da284254bb29253e3f1c5685346bf97017cb55e9e9f472872a0bedaf1d85597656ee748322b28e2090a0b6737617878f01a11cc32
-  data.tar.gz: 076dc5ec01d6359746793d2ec512dec9fba30c6c618feed44b3e7583889a697db27b3553a5f255d8213f7bbc949ac6dbf4af6b5c5be6ee8246e62bf2b4d32c11
+  metadata.gz: 77c90338b747e003d3c0ea7be8fa9fda00d0d11d21e19765a697efbe7f32d9a2ca7fc055fb81d2e28fdcec6a5c1158b4563840adec44864335ef3ecb1cc2eb72
+  data.tar.gz: b199f209121acf3617b24587700f4cc61ffb996ff0f846e6e0e951971f92c254faa04063e0ce72c80506c17d75a5216b695244a00cc9032bac6116ddbf1c479a

data/README.md

@@ -1,6 +1,6 @@
 # Compass SVG polyfill
 
-Version 1.0.3
+Version 1.0.4
 
 A compass plugin which serves SVG background images to new browsers and 
 provides a PNG fallback to old browsers.
@@ -34,14 +34,6 @@ Install `gem`
 
 ## Usage
 
-### Load times
-
-The SVG vector images are base64 encoded and included in the CSS output through 
-a data URI. The fallback PNG images are linked through a URL. This means that 
-on older browsers the load time is slightly slower (because you have to 
-download two files) but on more modern browsers you have limited the number 
-of HTTP requests.
-
 ### Instructions
 
 The following instructions are for adding the SVG background image code to an existing project. 
@@ -62,10 +54,11 @@ Edit your stylesheets and add a reference to the mixin:
     # Target a specific element
     .element {
         @include background-svg(
-            $width: 856,
-            $height: 433,
-            $svg: "world-map.svg",          /* must exist */
-            $png: "world-map-856x433.png"   /* will be generated for you */
+            $width: 856px,                  /* value must be in pixels */
+            $height: 433px,                 /* value must be in pixels */
+            $svg: "world-map.svg",          /* file must exist */
+            $png: "world-map-856x433.png",  /* file to be generated */
+            $inline: false                  /* optional: include svg in css */
         );
     }
 
@@ -73,6 +66,24 @@ When using `compass watch` images are regenerated every time you update your
 CSS files. If you make changes to your SVG images, resave a stylesheet 
 containing the image and the PNG images will be regenerated.
 
+### $inline
+
+* Optional
+* Default value: false
+* Available from: 1.0.4
+
+The SVG vector images can be base64 encoded and included in the CSS output 
+through a data URI. The fallback PNG images are linked through a URL. 
+
+This means that on older browsers the load time is slightly slower (because you 
+have to download two files) but on more modern browsers you have limited the 
+number of HTTP requests.
+
+When `true`: SVG images are encoded in the CSS file and PNG images download via 
+a separate HTTP request
+
+When `false`: both SVG and PNG images are downloaded via a separate HTTP request
+
 ## Licence
 
 Copyright (C) 2013, [Bashkim Isai](http://www.bashkim.com.au)

data/lib/compass-svg-polyfill/sass_functions.rb

@@ -21,16 +21,16 @@ module Sass::Script::Functions
       end
 
       system(
-        "rsvg-convert",         # Process
-        "-w", width.to_s,       # Width
-        "-h", height.to_s,      # Height
-        "#{svgPath}",           # Input
-        "-o", "#{pngPath}"      # Output
+        "rsvg-convert",           # Process
+        "-w", width.value.to_s,   # Width
+        "-h", height.value.to_s,  # Height
+        "#{svgPath}",             # Input
+        "-o", "#{pngPath}"        # Output
       )
 
-      Sass::Script::Number.new 1
+      Sass::Script::Bool.new true
     rescue
-      Sass::Script::Number.new 0
+      Sass::Script::Bool.new false
     end
   end
   declare :svg_polyfill, :args => [:Number, :Number, :String, :String]

data/lib/compass-svg-polyfill/stylesheets/svg-polyfill/svg.scss

@@ -1,11 +1,16 @@
-@mixin background-svg($width, $height, $svg, $png) {
+@mixin background-svg($width, $height, $svg, $png, $inline: false) {
     $converted: svg_polyfill($width, $height, $svg, $png);
-    @if $converted == 1 {
+    @if $converted {
         width: $width;
         height: $height;
         background-size: $width, $height;
         background-repeat: no-repeat;
         background-image: image-url($png);
-        background-image: inline-image($svg), none;
+
+        @if $inline {
+            background-image: inline-image($svg), none;
+        } @else {
+            background-image: image-url($svg), none;
+        }
     }
 }

data/lib/compass-svg-polyfill/version.rb

@@ -1,5 +1,5 @@
 module Compass
   module SVGPolyfill
-    VERSION = "1.0.3"
+    VERSION = "1.0.4"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass-svg-polyfill
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors:
 - Bashkim Isai