Style Classes

Typography

• Large font display

  • ui-display-1
  • ui-display-2
  • ui-display-3

• Font Sizes

  • ui-font-large
  • ui-font-big
  • ui-font-small

• Font Family

  • ui-font-default
  • ui-font-serif
  • ui-font-fixed
  • ui-font-input

• Font Styles

  • ui-italic
  • ui-bold
  • ui-strong
  • ui-thin

• Text Transform

  • ui-uppercase
  • ui-lowercase
  • ui-titlecase
  • ui-small-caps
  • ui-ellipsis

• Align

  • ui-text-center
  • ui-text-start
  • ui-text-end
  • ui-text-justify

• Spacing

  • Padding
  • ui-pad-none
  • ui-pad-all
  • ui-pad-h start/end
  • ui-pad-v top/bottom
  • Margin
  • ui-margin-none
  • ui-margin-all
  • ui-margin-h start/end
  • ui-margin-v top/bottom

• Borders

  • ui-border-none
  • ui-border-all
  • ui-border-h left/right
  • ui-border-v top/bottom
  • ui-border-t top
  • ui-border-b bottom
  • ui-border-s start
  • ui-border-e end

• Contextual Colors

  • ui-bg-{color}

  • ui-text-{color}

  • ui-border-{color}

  • Replace {color} with

  • white

  • black

  • light

  • muted

  • dark

  • primary

  • secondary

  • info

  • danger

  • warning

  • success

Responsive Helpers

• Hidden below screen breakpoint

  • ui-hidden-xl-down
  • ui-hidden-lg-down
  • ui-hidden-md-down
  • ui-hidden-sm-down

• Hidden on and above screen breakpoint

  • ui-hidden-xl-up
  • ui-hidden-lg-up
  • ui-hidden-md-up
  • ui-hidden-sm-up