text-align

  • placeholder

    text-align-left

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • placeholder

    text-align-center

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • placeholder

    text-align-right

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • placeholder

    text-align-justify

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

text-color

  • text color will color all content AND btn-link
  • text-color-primary

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

  • text-color-second

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

  • text-color-third

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

  • text-color-white

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

  • text-color-grey

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

heading-color

  • heading color will only color headings


  • heading-color-primary

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


    heading h4

    Aenean commodo ligula eget dolor. Aenean massa.

  • heading-color-second

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


    heading h4

    Aenean commodo ligula eget dolor. Aenean massa.

  • heading-color-third

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


    heading h4

    Aenean commodo ligula eget dolor. Aenean massa.

  • heading-color-white

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


    heading h4

    Aenean commodo ligula eget dolor. Aenean massa.

  • heading-color-grey

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


    heading h4

    Aenean commodo ligula eget dolor. Aenean massa.

buttons-align (horizontal)

  • horizontal positioning of the buttons
  • buttons-align-left

    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit,

    sed do eiusmod tempor

    incididunt ut labore et

    dolore magna aliqua.

  • buttons-align-center

    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit,

    sed do eiusmod tempor

    incididunt ut labore et

    dolore magna aliqua.

  • buttons-align-right

    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit,

    sed do eiusmod tempor

    incididunt ut labore et

    dolore magna aliqua.

  • buttons-align-spaced

    Lorem ipsum dolor sit amet,

    consectetur adipiscing elit,

    sed do eiusmod tempor

    incididunt ut labore et

    dolore magna aliqua.

buttons-align (vertical)

  • With content-horizontal, it is possible to align the buttons

btn-style

  • btn-link and btn-primary can be styled to primary, second, third, white and grey color
  • can be filled (default) of outlined