sass_inline_svg 0.0.1 → 0.0.2

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    ZjRmZmY2MmM3NDE1MWQ4ZDYyMTQ0OWY2YjQxNTljYjQ5OTlhZTg5Ng==
+    ZDY5ZjliYmQ0YzRlMTMxOWM5NmQ2YTc3YzMzZGQwZGU1NzIxNGI3Mg==
   data.tar.gz: !binary |-
-    N2NmMGMyOWUwNmQzZDYwNmIwYjE4MGIxNjZlNjg1NjkzMTNkMzBlNA==
+    ZTRmOWYwODMwODY2NDUyM2QxYjMwMzBjYjA0NzY2MTAyMDZmODNmNg==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    YzY0Mjk4OTgxMzUyZjBlZDc2NDBjMTk5MTVlY2U3NzE0ZGQzZGNjMmNiNjFk
-    MDgzMTk3ODI1MDFkYjYxNDFlNDNmODdlMzUyYzhmZGI0YTMyODg3MmUwNDI1
-    NGY2MDFmY2FmYjYzNWRlYTI2OWJkOWVkMTY2ODZkMjNkZGM1YTY=
+    N2VmODFkMzQ1MzE4NTMzNTg1MjdkZTI4NDE4ZDY1NTRkNGZhMjBiZmYyNjBj
+    NTlmY2VmNTZjY2MwMjMzNjhhYzU0YjNlMzE0NjkzOTNhMjY1ZjU4OTgzZWY4
+    YTk0YTljNzIxNWZjM2FiMzI3Y2FlMjZiNWU4YTRmNTA5YjkzMmM=
   data.tar.gz: !binary |-
-    OWRkOTFjZTI1Yjk0MGFlMTM0NjQ2NDBmYWZiZjVhZWY3OTNiNTMyMmRmNzMx
-    NDNhZGIxYzk2MmE5ZTkxOGZhNTJjMTc2NzA4ZmU1MWQyMzYwN2ZmNGM0YWQ1
-    MWZlNjA1MDBkOTQwOWNmZmQ3ZDQ1NjYzYmRmZmRlM2Y1YTllOWY=
+    MjgxMjMzYzE0Mjg0NDgxNWQ0ZWEwYzFhYmQzZWExNjEyNGU5NWExYWY4Mzk3
+    ZDIyNTk0YmViNjJlMGI2MGZkMjg4NDgzMzY2NzBhNWVmZGZiMTUyN2NjZTBh
+    YzZiZmI0ZmI1Nzc0MzI3ZGEzNDBmMDhkNDQ0MWZiMjNiNzY1ZTI=

data/README.md

@@ -1,5 +1,7 @@
 # Sass-Inline-Svg
 
+[![Gem Version](https://badge.fury.io/rb/sass_inline_svg.svg)](http://badge.fury.io/rb/sass_inline_svg)
+
 Inline url-encoded SVG with Sass. Optional variable string replacement included!
 
 
@@ -15,7 +17,7 @@ Add this line to your application's Gemfile:
 
 ## Usage
 
-Sass-inline-svg adds a `inline-svg` function you can use with Sass. It url-encodes the contents of the specified file and inlines it in your CSS.
+Sass-inline-svg adds a `inline-svg` function you can use with Sass. It url-encodes the contents of the specified file and inlines it in your CSS (Url-encoded SVG is about 30% smaller than base64).
 
 ###Basic
 
@@ -23,15 +25,17 @@ Sass-inline-svg adds a `inline-svg` function you can use with Sass. It url-encod
         background-image: inline-svg('my-file.svg');
     }
 
+When working with plain Sass, you'll have to use the full path to the svg file, when using Rails the path will be resolved by the Rails asset pipeline.
+
 ###Replace Variable Strings
 
 Replacing variable strings in SVG when inlining them with Sass makes sense e.g. if you need multiple variants of the same graphic with different fill colors.
 
-With Sass-Inline-Svg you only need one source svg file with a variable string for `fill`:
+With Sass-Inline-Svg you only need __one__ source svg file with a variable string for `fill`:
 
-	…
-	<polygon fill="fillcolor" points="29.43 25.19 20.24 16 29.43 6.81 25.19 2.57 16 11.76 6.81 2.57 2.57 6.81 11.76 16 2.57 25.19 6.81 29.44 16 20.24 25.19 29.44 "/>
-	…
+  …
+  <polygon fill="fillcolor" points="29.43 25.19 20.24 16 29.43 6.81 25.19 2.57 16 11.76 6.81 2.57 2.57 6.81 11.76 16 2.57 25.19 6.81 29.44 16 20.24 25.19 29.44 "/>
+  …
 
 The variants needed can be created during inlinig with Sass. Pass a Sass map of replacements as a second parameter:
 
@@ -39,7 +43,11 @@ The variants needed can be created during inlinig with Sass. Pass a Sass map of
         background-image: inline-svg('my-file.svg', ( fillcolor: '#fff' ));
     }
 
-This will replace all occurences of `fillcolor` in your SVG with `#fff`.
+This will replace all occurences of `fillcolor` in your SVG with `#fff`:
+
+    …
+    <polygon fill="#fff" points="29.43 25.19 20.24 16 29.43 6.81 25.19 2.57 16 11.76 6.81 2.57 2.57 6.81 11.76 16 2.57 25.19 6.81 29.44 16 20.24 25.19 29.44 "/>
+    …
 
 __Note:__ If you use `$`- or `@`-prefixed variable names in your SVG, you'll have to quote the keys in your raplement Sass map:
 

data/lib/sass_inline_svg/version.rb

@@ -1,3 +1,3 @@
 module SassInlineSvg
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/lib/sass_inline_svg.rb

@@ -4,13 +4,25 @@ require "cgi"
 
 module Sass::Script::Functions
 
+  # Alias function to comply with old documentation
   def svg_inline(path, repl = nil)
-    assert_type path, :String  
+    svg_inline(path, repl)
+  end
+
+  def inline_svg(path, repl = nil)
+    assert_type path, :String
+
+    path = path.value.strip()
+
+    # Use Rails asset pipeline if in Rails context:
+    if defined?(Rails)
+      path = Rails.application.assets[path]
+    end
 
-    svg = _readFile(path.value).strip
+    svg = _readFile(path).strip
 
     if repl && repl.respond_to?('to_h')
-      repl = repl.to_h      
+      repl = repl.to_h
       svg = svg.to_s
 
       repl.each_pair do |k, v|
@@ -35,7 +47,7 @@ module Sass::Script::Functions
         f.read
       end
     else
-      raise Sass::SyntaxError, "File not found or cannot be read: #{path}" 
+      raise Sass::SyntaxError, "File not found or cannot be read: #{path}"
     end
   end
 

data/sache.json

@@ -0,0 +1,5 @@
+{
+  "name": "sass-inline-svg",
+  "description": "Inline url-encoded SVG with Sass. Optional variable string replacement included!",
+  "tags": ["svg", "inline", "variable", "replace"]
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass_inline_svg
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Franz Heidl
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-08-06 00:00:00.000000000 Z
+date: 2015-09-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -51,10 +51,9 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- close-blk.svg
-- close-rd.svg
 - lib/sass_inline_svg.rb
 - lib/sass_inline_svg/version.rb
+- sache.json
 - sass_inline_svg.gemspec
 homepage: https://github.com/franzheidl/sass-inline-svg
 licenses:

data/close-blk.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0" y="0" width="32" height="32" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-  <polygon fill="#000" points="29.43 25.19 20.24 16 29.43 6.81 25.19 2.57 16 11.76 6.81 2.57 2.57 6.81 11.76 16 2.57 25.19 6.81 29.44 16 20.24 25.19 29.44 "/>
-</svg>

data/close-rd.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0" y="0" width="32" height="32" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-  <polygon fill="#FF0000" points="29.43 25.19 20.24 16 29.43 6.81 25.19 2.57 16 11.76 6.81 2.57 2.57 6.81 11.76 16 2.57 25.19 6.81 29.44 16 20.24 25.19 29.44 "/>
-</svg>
-