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