Contents

// *Font Custom - icon webfonts made simple */

@font-face {
  font-family: "<%= @name %>";
  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;
}


%fontcustom {
  font-family: "<%= @name %>";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

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;
// }

// * keeps button heights with and without icons the same */
// .btn [class^="icon-"], .btn [class*=" icon-"] {
//   line-height: 0.9em;
// }

// li [class^="icon-"], li [class*=" icon-"] {
//   display: inline-block;
//   width: 1.25em;
//   text-align: center;
// }

// * 1.5 increased font size for icon-large * 1.25 width */
// li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
//   width: 1.875em;
// }

// li[class^="icon-"], li[class*=" icon-"] {
//   margin-left: 0;
//   list-style-type: none;
// }

// li[class^="icon-"]:before, li[class*=" icon-"]:before {
//   text-indent: -2em;
//   text-align: center;
// }

// li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
//   text-indent: -1.333em;
// }

// *Icon Classes */
<% @classes.each_with_index do |name, index| %>
%icon-<%= name %>:before { content: "\<%= (61696+index).to_s(16) %>"; @extend %fontcustom; }<% end %>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
fontcustomtoadstool-0.1.3.1	lib/fontcustom/templates/fontcustom.scss
fontcustomtoadstool-0.1.3	lib/fontcustom/templates/fontcustom.scss