add line-height to glyph's container

FontCustom · Mar 17, 2017 · 0298e0c · 0298e0c
1 parent 9188eb7
commit 0298e0c
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 0 deletions.
diff --git a/lib/fontcustom/generator/template.rb b/lib/fontcustom/generator/template.rb
@@ -181,13 +181,24 @@ def woff_base64
         Base64.encode64(File.binread(File.join(woff_path))).gsub("\n", "")
       end
 
+      def glyph_container_selectors
+        output = @glyphs.map do |name, value|
+          @options[:css_selector].sub("{{glyph}}", name.to_s)
+        end
+        output.join ",\n"
+      end
+
       def glyph_selectors
         output = @glyphs.map do |name, value|
           @options[:css_selector].sub("{{glyph}}", name.to_s) + ":before"
         end
         output.join ",\n"
       end
 
+      def glyph_container_properties
+%Q|  line-height: 1;|
+      end
+
       def glyph_properties
 %Q|  display: inline-block;
   font-family: "#{font_name}";

diff --git a/lib/fontcustom/templates/_fontcustom-rails.scss b/lib/fontcustom/templates/_fontcustom-rails.scss
@@ -11,4 +11,9 @@
 <%= glyph_properties %>
 }
 
+[data-icon],
+<%= glyph_container_selectors %> {
+<%= glyph_container_properties %>
+}
+
 <%= glyphs %>
diff --git a/lib/fontcustom/templates/_fontcustom.scss b/lib/fontcustom/templates/_fontcustom.scss
@@ -11,6 +11,11 @@
 <%= glyph_properties %>
 }
 
+[data-icon],
+<%= glyph_container_selectors %> {
+<%= glyph_container_properties %>
+}
+
 <%= glyphs %>
 <% @glyphs.each do |name, value| %>
 $font-<%= font_name.gsub(/[^\w\d_]/, '-') %>-<%= name.to_s %>: "\<%= value[:codepoint].to_s(16) %>";<% end %>
diff --git a/lib/fontcustom/templates/fontcustom-preview.html b/lib/fontcustom/templates/fontcustom-preview.html
@@ -130,6 +130,11 @@
       <%= glyph_properties %>
       }
 
+      [data-icon],
+      <%= glyph_container_selectors %> {
+      <%= glyph_container_properties %>
+      }
+
       <%= glyphs %>
     </style>
 

diff --git a/lib/fontcustom/templates/fontcustom.css b/lib/fontcustom/templates/fontcustom.css
@@ -11,4 +11,9 @@
 <%= glyph_properties %>
 }
 
+[data-icon],
+<%= glyph_container_selectors %> {
+<%= glyph_container_properties %>
+}
+
 <%= glyphs %>