Typography


General Info


Below you will see the typography elements styling:


h1 - Lorem ipsum dolor sit amet

h2 - Lorem ipsum dolor sit amet

h3 - Lorem ipsum dolor sit amet

h4 - Lorem ipsum dolor sit amet

h5 - Lorem ipsum dolor sit amet
h6 - Lorem ipsum dolor sit amet

p - Lorem ipsum dolor sit amet

strong - Lorem ipsum dolor sit amet
i - Lorem ipsum dolor sit amet

Text Alignment

To align the text you need to usee:

  • .text-align-left-sq - left alignment
  • .text-align-right-sq - right alignment
  • .text-align-center-sq - center alignment
  • .text-align-justify-sq - justify text

Text Transform

To transform the text:

  • .text-transform-none-sq - resets any text transform for the element
  • .text-transform-lowercase-sq - make text lowercase
  • .text-transform-uppercase-sq - make text uppercase

Font Weight

To change font weight you can use:

  • .font-weight-normal-sq - normal text weight
  • .font-weight-semibold-sq - semibold (600) text
  • .font-weight-bold-sq - bold (700) text
  • .font-weight-extrabold-sq - extrabold (900) text