lib/fontcustom/templates/fontcustom.scss in fontcustomtoadstool-0.1.2 vs lib/fontcustom/templates/fontcustom.scss in fontcustomtoadstool-0.1.3
- old
+ new
@@ -1,19 +1,19 @@
// *Font Custom - icon webfonts made simple */
@font-face {
font-family: "<%= @name %>";
- src: url("public/fonts/<%= @path %>.eot?#iefix") format("embedded-opentype"),
- url("public/fonts/<%= @path %>.woff") format("woff"),
- url("public/fonts/<%= @path %>.ttf") format("truetype"),
- url("public/fonts/<%= @path %>.svg#<%= @name %>") format("svg");
+ src: url("/fonts/<%= @path %>.eot?#iefix") format("embedded-opentype"),
+ url("/fonts/<%= @path %>.woff") format("woff"),
+ url("/fonts/<%= @path %>.ttf") format("truetype"),
+ url("/fonts/<%= @path %>.svg#<%= @name %>") format("svg");
font-weight: normal;
font-style: normal;
}
-[class^="icon-"]:before, [class*=" icon-"]:before {
+%fontcustom {
font-family: "<%= @name %>";
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
@@ -22,10 +22,12 @@
a [class^="icon-"], a [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
}
+
+
// * makes the font 33% larger relative to the icon container */
// .icon-large:before {
// vertical-align: top;
// font-size: 1.333em;
// }
@@ -60,6 +62,6 @@
// text-indent: -1.333em;
// }
// *Icon Classes */
<% @classes.each_with_index do |name, index| %>
-%icon-<%= name %>:before { content: "\<%= (61696+index).to_s(16) %>"; }<% end %>
+%icon-<%= name %>:before { content: "\<%= (61696+index).to_s(16) %>"; @extend %fontcustom; }<% end %>
\ No newline at end of file