Jump To:

  1. Mixins
    1. styles()

Typography

Output all typography helper classes

Mixins

styles()

Mixin

Prints Typography Helper styles

  • Outputs all typography sizes that specify "helper-class"
  • Outputs general typography helper classes (.type-bold, .line-height-dense, etc)
File Information
  • File: _typography.scss
  • Group: typography
  • Type: mixin
  • Lines (comments): 11-23
  • Lines (code): 25-83

Examples

@include ulu.helper-typography-styles();

Example of type size as helper prefixed

<span class="type-large-xxx">A</span>
<span class="type-large-xx">A</span>
<span class="type-large-x">A</span>
<span class="type-large">A</span>
<span class="type-base">A</span>
<span class="type-small">A</span>
<span class="type-small-x">A</span>
Preview
A A A A A A A

Require

  • get()