Typography

Control the size and style of text using the Typography helper classes which can be applied to any tag. You should use the correct tag to convey semantic meaning e.g. a H1 tag for the primary heading.

Title extra large

class:mk-title-x-large

Family History

Title large

class:mk-title-large

Per Family Member

Title medium

class:mk-title-medium

Per Family Member

Title

class:mk-title

Clinical History

Body large

class:mk-body-large

Body large, lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra cursus dui, vel semper nunc condimentum ac. Cras pellentesque tristique blandit.

Body regular

class:mk-body

Body regular, lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra cursus dui, vel semper nunc condimentum ac. Cras pellentesque tristique blandit.

Body regular strong

class:mk-body-strong

Body regular strong, lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra cursus dui, vel semper nunc condimentum ac. Cras pellentesque tristique blandit.

Body small

class:mk-body-small

Body small, lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra cursus dui, vel semper nunc condimentum ac. Cras pellentesque tristique blandit.

Body small strong

class:mk-body-small-strong

Body small strong, lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra cursus dui, vel semper nunc condimentum ac. Cras pellentesque tristique blandit.

Label

class:mk-label

Default label

Label small

class:mk-label-small

A smaller label

Label extra small

class:mk-label-x-small

An extra small label