stylicon 0.1.1 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9af3fe5da6c68d6f86d93e6a173f0094016bd65125c3e4da49a54d485e187ac9
-  data.tar.gz: 226843d7967a4cf0c7004eda7203bd31181dba496d500d731ab9e3afce2b352f
+  metadata.gz: cbcc1860c16abaab6fd74a213acd88046cee962bfa8b3c717d75788072ce16c9
+  data.tar.gz: 47940bec8c9086f935eae057a3534222e921072d6f487fa566dcad77c6a7b37f
 SHA512:
-  metadata.gz: c1fb2626ab3d2caf0bb144a44a07fe91d7d48aa2d3714e996837369574f327c41870fb3b273b100a9283dd5f6c9ec0e75451132816acd34a74de9ae4cf14ea87
-  data.tar.gz: a41ee5008598570cf22013734954cdd45d52507b7f2db78cc4b8adff96185bd76436c129cef7fe33a0a708d9b4ab26c22d09a066e8c107adb26fbe5a653a66f5
+  metadata.gz: bf1d5a3aa8158b1f06f2c2677b1bc6f0ab7894538a8cdf82d19754e3010b66a84b59908b9cb873f43a7cae8a70e4f2724dd9473fcc75f5527b7adc8bfda85fee
+  data.tar.gz: b363134a914332802a5b8ec584aaf892a9d51aa3ba8fa1f283d72fba3b98fe179ae284b6ab329bee8054c2ffecc38e6523c66b9b4c0deda288e8cf809456a2de

data/bin/stylicon

@@ -3,6 +3,23 @@
 
 require_relative "../lib/stylicon"
 require_relative "../lib/stylicon/generator"
+require_relative "../lib/stylicon/transformer"
+
+if ARGV[0] == "--transform-svg"
+  input = ARGV[1]
+  out = ARGV[ARGV.index("--out") + 1]
+  style = ARGV.include?("--style") ? ARGV[ARGV.index("--style") + 1] : nil
+  classes = ARGV.include?("--classes") ? ARGV[ARGV.index("--classes") + 1] : nil
+
+  Stylicon::Transformer.new(
+    input_svg: input,
+    output_svg: out,
+    style: style,
+    classes: classes
+  ).transform
+
+  exit 0
+end
 
 config = ARGV[0] || "icons.yml"
 output = ARGV[1] || "stylicon.css"

data/lib/stylicon/generator.rb

@@ -15,18 +15,16 @@ module Stylicon
 
       config.each do |name, opts|
         path = opts["path"]
-        fill = opts["fill"]
-        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 +32,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.1"
+  VERSION = "0.1.3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stylicon
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.3
 platform: ruby
 authors:
 - JG
@@ -33,6 +33,8 @@ files:
 - lib/stylicon/version.rb
 - sig/stylicon.rbs
 - stylicon-0.1.0.gem
+- stylicon-0.1.1.gem
+- stylicon-0.1.2.gem
 - stylicon.css
 homepage: https://github.com/JuanGuiricich/stylicon
 licenses: