Adding support for using HTML entities with data-icon HTML attributes

FontCustom · Sep 16, 2013 · ae4fad6 · ae4fad6
1 parent e326c58
commit ae4fad6
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/lib/fontcustom/templates/fontcustom.css b/lib/fontcustom/templates/fontcustom.css
@@ -13,6 +13,19 @@
   font-style: normal;
 }
 
+[data-icon]:before {
+  font-family: "<%= @opts[:font_name] %>";
+  content: attr(data-icon);
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
 <%= @glyphs.map {|name| ".#{@opts.css_prefix + name}:before"}.join(",\n") %> {
   font-family: "<%= @opts.font_name %>";
   font-style: normal;