Text-Buttons

text-align

text-align-left

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

text-align-center

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

text-align-right

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

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-primary

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

    text-color-primary

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

    text-color-primary

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

    text-color-primary

    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

buttons-align-top

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

buttons-align-middle

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

buttons-align-bottom

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

buttons-align-spaced

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

btn-style

  • btn-link and btn-primary can be styled to primary, second, third, white and grey color

  • can be filled (default) of outlined