Font mixins

Mixins for font family definitions, sizes and weight

A basic mixin to set a font-size and font-weight in 1 line of code:

1#font.settings(@font-size, @font-weight);
  • The #font.type mixin can be used to set a font-family.
  • Currently 2 font families aare supported: Sans-serif and Serif
  • The default option is sans-serif
1#font.type();
Will output the following CSS:
1font-family: Arial, Helvetica, sans-serif;

To set a serif font-family, just pass it in as a parameter:

1#font.type(serif);
Will output the following CSS:
1font-family: Georgia, 'Times New Roman', Times, serif;