9. Text Variations

9.1 Text Sizes

.{$modifiers}

.fs-giga

.fs-giga

.fs-mega

.fs-mega

.fs-kilo

.fs-kilo

.fs-alpha

.fs-alpha

.fs-beta

.fs-beta

.fs-gamma

.fs-gamma

.fs-delta

.fs-delta

.fs-epsilon

.fs-epsilon

.fs-zeta

.fs-zeta

.fs-milli

.fs-milli

.fs-micro

.fs-micro

<p class="{$modifiers}">.{$modifiers}</p>

9.2 Case

  • .case-u
  • .case-l
  • .case-c
  • .case-n

lorem ipsum dolor sit amet

.case-u

lorem ipsum dolor sit amet

.case-l

lorem ipsum dolor sit amet

.case-c

lorem ipsum dolor sit amet

.case-n

lorem ipsum dolor sit amet

<p class="{$modifiers}">lorem ipsum dolor sit amet</p>

9.3 Fonts

  • .ff-alpha
  • .ff-beta
  • .ff-gamma

lorem ipsum dolor sit amet

.ff-alpha

lorem ipsum dolor sit amet

.ff-beta

lorem ipsum dolor sit amet

.ff-gamma

lorem ipsum dolor sit amet

<h4 class="{$modifiers}">lorem ipsum dolor sit amet</h4>

9.4 Colors

  • .fc-alpha
  • .fc-alpha-lt
  • .fc-beta
  • .fc-gamma
  • .fc-delta

lorem ipsum dolor sit amet

.fc-alpha

lorem ipsum dolor sit amet

.fc-alpha-lt

lorem ipsum dolor sit amet

.fc-beta

lorem ipsum dolor sit amet

.fc-gamma

lorem ipsum dolor sit amet

.fc-delta

lorem ipsum dolor sit amet

<h4 class="{$modifiers}">lorem ipsum dolor sit amet</h4>