ITL utility_classes

ITL utility_classes

Source: _fonts.scss, line 115

3.2 Font effects

  • .thin: makes the fontweight 100
  • .light: makes the fontweight 300
  • .bold: makes the fontweight bold
  • .note: makes font smaller and cursive
  • .lowercase: makes text all lowercase
  • .uppercase: makes text all caps
  • .capitalize: capitalizes text

Example

Text that holds very thin text inside of it

Text that holds Quite thin text inside of it

Text that holds Some sort of note inside of it

<p class="text">Text that holds <span class="thin">very thin text</span> inside of it</p>
<p class="text">Text that holds <span class="light">Quite thin text</span> inside of it</p>
<p class="text">Text that holds <span class="note">Some sort of note</span> inside of it</span></p>