sass_inline_svg 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZjRmZmY2MmM3NDE1MWQ4ZDYyMTQ0OWY2YjQxNTljYjQ5OTlhZTg5Ng==
+  data.tar.gz: !binary |-
+    N2NmMGMyOWUwNmQzZDYwNmIwYjE4MGIxNjZlNjg1NjkzMTNkMzBlNA==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    YzY0Mjk4OTgxMzUyZjBlZDc2NDBjMTk5MTVlY2U3NzE0ZGQzZGNjMmNiNjFk
+    MDgzMTk3ODI1MDFkYjYxNDFlNDNmODdlMzUyYzhmZGI0YTMyODg3MmUwNDI1
+    NGY2MDFmY2FmYjYzNWRlYTI2OWJkOWVkMTY2ODZkMjNkZGM1YTY=
+  data.tar.gz: !binary |-
+    OWRkOTFjZTI1Yjk0MGFlMTM0NjQ2NDBmYWZiZjVhZWY3OTNiNTMyMmRmNzMx
+    NDNhZGIxYzk2MmE5ZTkxOGZhNTJjMTc2NzA4ZmU1MWQyMzYwN2ZmNGM0YWQ1
+    MWZlNjA1MDBkOTQwOWNmZmQ3ZDQ1NjYzYmRmZmRlM2Y1YTllOWY=

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Franz Heidl
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,49 @@
+# Sass-Inline-Svg
+
+Inline url-encoded SVG with Sass. Optional variable string replacement included!
+
+
+## Installation
+
+    gem install sass_inline_svg
+
+Add this line to your application's Gemfile:
+
+    gem 'sass_inline_svg'
+
+
+
+## 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.
+
+###Basic
+
+    .my-thing {
+        background-image: inline-svg('my-file.svg');
+    }
+
+###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`:
+
+	…
+	<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:
+
+    .my-thing {
+        background-image: inline-svg('my-file.svg', ( fillcolor: '#fff' ));
+    }
+
+This will replace all occurences of `fillcolor` in your SVG with `#fff`.
+
+__Note:__ If you use `$`- or `@`-prefixed variable names in your SVG, you'll have to quote the keys in your raplement Sass map:
+
+    .my-thing {
+        background-image: inline-svg('my-file.svg', ( '$fillcolor': '#fff' ));
+    }
+

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/close-blk.svg

@@ -0,0 +1,3 @@
+<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

@@ -0,0 +1,4 @@
+<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>
+

data/lib/sass_inline_svg.rb

@@ -0,0 +1,42 @@
+require "sass_inline_svg/version"
+require "sass"
+require "cgi"
+
+module Sass::Script::Functions
+
+  def svg_inline(path, repl = nil)
+    assert_type path, :String  
+
+    svg = _readFile(path.value).strip
+
+    if repl && repl.respond_to?('to_h')
+      repl = repl.to_h      
+      svg = svg.to_s
+
+      repl.each_pair do |k, v|
+
+        if svg.include? k.value
+          svg.gsub!(k.value, v.value)
+        end
+      end
+    end
+
+    encoded = CGI::escape(svg).gsub("+", "%20")
+    encoded_url = "url('data:image/svg+xml;charset=utf-8," + encoded + "')"
+    Sass::Script::String.new(encoded_url)
+  end
+
+
+  private
+
+  def _readFile(path)
+    if File.readable?(path)
+      File.open(path, 'rb') do |f|
+        f.read
+      end
+    else
+      raise Sass::SyntaxError, "File not found or cannot be read: #{path}" 
+    end
+  end
+
+end

data/lib/sass_inline_svg/version.rb

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

data/sass_inline_svg.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'sass_inline_svg/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "sass_inline_svg"
+  spec.version       = SassInlineSvg::VERSION
+  spec.authors       = ["Franz Heidl"]
+  spec.email         = ["franz@franzheidl.de"]
+  spec.summary       = %q{Inline url-encoded SVG with Sass}
+  spec.description   = %q{Inline url-encoded SVG with Sass. Optional variable string replacement included!}
+  spec.homepage      = "https://github.com/franzheidl/sass-inline-svg"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.5"
+  spec.add_development_dependency "rake"
+end

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification
+name: sass_inline_svg
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Franz Heidl
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-08-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.5'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Inline url-encoded SVG with Sass. Optional variable string replacement
+  included!
+email:
+- franz@franzheidl.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- close-blk.svg
+- close-rd.svg
+- lib/sass_inline_svg.rb
+- lib/sass_inline_svg/version.rb
+- sass_inline_svg.gemspec
+homepage: https://github.com/franzheidl/sass-inline-svg
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.0.rc.2
+signing_key: 
+specification_version: 4
+summary: Inline url-encoded SVG with Sass
+test_files: []