H1 Text lorem ipsum should render to - 40px

H2 Text lorem ipsum should render to - 30px

H3 Text lorem ipsum should render to - 25px

H4 Text lorem ipsum should render to - 20px

H5 Text lorem ipsum should render to - 18px
H6 Text lorem ipsum should render to - 15px

P "uk-text-large" lorem ipsum should render to - 20px

P "uk-text-muted" lorem ipsum should render to - 15px

P - Base size should render to - 15px

P "uk-text-small" lorem ipsum should render to - 11px


H1 Text lorem ipsum

H2 Text lorem ipsum

H3 Text lorem ipsum

H4 Text lorem ipsum

H5 Text lorem ipsum
H6 Text lorem ipsum

Color classes generated in "mp-mixins.scss" using variables lists "$mp-colors" and "mp-color-names" from mp-variables.scss

H3 mp-color-primary Text lorem ipsum

H3 mp-color-secondary Text lorem ipsum

H3 mp-color-tertiary Text lorem ipsum


Lead and Meta

Uk-text-lead Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Regular "p" tag Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Uk-text-meta Written by Super User on . Posted in Blog
And wrapping into the next line.

Large and Small

Uk-text-large Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Regular "p" tag Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Uk-text-small Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Style

  • text-light
  • text-lighter
  • text-normal
  • text-bolder
  • text-bold
  • text-italic
  • text-lowercase
  • text-uppercase
  • text-capitalize

Colors

Background

Buttons - change by editing hooks in all-uikit.scss

Styles

uk-button-default

Link uk-button-primary

Link uk-button-secondary

Link uk-button-danger

Text

Tag "a" uk-button uk-button-text

Link

Link

Buttons Inverse - parent class "uk-light" and "uk-background-secondary"

Styles

uk-button-default

Link uk-button-primary

Link uk-button-secondary

Link uk-button-danger

Text

Tag "a" uk-button uk-button-text

Link

Link

Size

Link

Link

Group

Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link

CTAs

Liquid error (sections/styles-page.liquid line 350): Could not find asset snippets/mp-tile-cta.liquid

CTAs inverse

Liquid error (sections/styles-page.liquid line 358): Could not find asset snippets/mp-tile-cta.liquid

Group with Drop

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