stylicon 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 111a0f57b95cce09d7d77703e350c992ea757358660985828268957193094be9
-  data.tar.gz: 4897ae7917939194a36e91d3db8274ba48aaa279e5692db713f79a1fa0ee7d94
+  metadata.gz: b83f6b94512407132c31182fd748dfc88717750dec0c43b9ee0124a4c07ced0b
+  data.tar.gz: 92d6a6411a68168c19604d842ad51ed6f94d4d2ce99d4569470f3eb3940c4100
 SHA512:
-  metadata.gz: d766fd8e94ab516f2ff730b4a53b58f8ceed417f2826e3b0f566ec9727c6db056790a294b5a95bdbb9414a359a4ff2f45b6f37f02cff49a40f98a318264976e0
-  data.tar.gz: 768328238b0699608a636c74305932def9cec7c88715e01da1b64813ca96fd6b7fdef6e951293987e0deb3709bf3610be157877006a58a54468871c1710d57b3
+  metadata.gz: f79e90f11efd27d9895e5b58db06d40bcfd54a97d2a4239be5ad74e562141f22f452183f40b2d9d75b7f461d589094e4d21913aad3cb06b0ba6f884323bbd66d
+  data.tar.gz: d04f7187a642776b29d2c8b49136feac297103dbf26e424e98df97425d29b961ba383e80d6a26b46da27512955c6dcb4be4dd62532e1904e00379faae39c1fd0

data/bin/stylicon

@@ -0,0 +1,10 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require_relative "../lib/stylicon"
+require_relative "../lib/stylicon/generator"
+
+config = ARGV[0] || "icons.yml"
+output = ARGV[1] || "stylicon.css"
+
+Stylicon::Generator.new(config, output).generate

data/lib/stylicon/generator.rb

@@ -19,14 +19,15 @@ module Stylicon
         width = opts["width"]
         height = opts["height"]
         classes = Array(opts["class"] || ".icon-#{name}")
+        background = opts["background"]
 
         svg = File.read(path)
         doc = Nokogiri::XML(svg)
 
         svg_node = doc.at_css("svg")
-        svg_node["fill"] = fill if fill
-        svg_node["width"] = width.to_s if width
-        svg_node["height"] = height.to_s if height
+        svg_node.remove_attribute("fill")
+        svg_node.remove_attribute("width")
+        svg_node.remove_attribute("height")
 
         doc.css("*[fill]").each { |el| el.remove_attribute("fill") }
 
@@ -34,11 +35,12 @@ module Stylicon
 
         css << <<~RULE
           #{classes.join(", ")} {
-            background-image: url("data:image/svg+xml;base64,#{encoded}");
-            background-repeat: no-repeat;
-            background-size: contain;
-            width: #{width}px;
-            height: #{height}px;
+            -webkit-mask-image: url("data:image/svg+xml;base64,#{encoded}");
+            -webkit-mask-repeat: no-repeat;
+            -webkit-mask-size: contain;
+            -webkit-mask-position: center;
+            display: inline-block;
+            #{background ? "background-color: #{background};" : ""}
           }
 
         RULE

data/lib/stylicon/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Stylicon
-  VERSION = "0.1.0"
+  VERSION = "0.1.2"
 end

metadata

@@ -1,11 +1,11 @@
 --- !ruby/object:Gem::Specification
 name: stylicon
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - JG
-bindir: exe
+bindir: bin
 cert_chain: []
 date: 1980-01-02 00:00:00.000000000 Z
 dependencies: []
@@ -14,7 +14,8 @@ description: Stylicon is a tool that takes SVG files and a YAML config to genera
   cacheable icons without bloating HTML or requiring runtime transformations.
 email:
 - jguiricich@gmail.com
-executables: []
+executables:
+- stylicon
 extensions: []
 extra_rdoc_files: []
 files:
@@ -25,11 +26,14 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- bin/stylicon
 - icons.yml
 - lib/stylicon.rb
 - lib/stylicon/generator.rb
 - lib/stylicon/version.rb
 - sig/stylicon.rbs
+- stylicon-0.1.0.gem
+- stylicon-0.1.1.gem
 - stylicon.css
 homepage: https://github.com/JuanGuiricich/stylicon
 licenses: