Christine 2 | Modals

Font and text styles

Below are the availible font styles and classes.

Sizes

`.sbasic`	This is a dummy text.	0.5 em
`.basic`	This is a dummy text.	1 em
`.xbasic`	This is a dummy text.	1.5 em
`.xmicro`	This is a dummy text.	9px
`.micro`	This is a dummy text.	11px
`.xsmall`	This is a dummy text.	12px
`.small`	This is a dummy text.	13px
`.normal`	This is a dummy text.	14px
`.medium`	This is a dummy text.	18px
`.large`	This is a dummy text.	23px
`.xlarge`	This is a dummy text.	34px
`.extreme`	Text	100px

Weights

`.light`	This is a dummy text.
`.regular`	This is a dummy text.
`.sbold`	This is a dummy text.
`.bold`	This is a dummy text.
`.xbold`	This is a dummy text.

Text behaviours

`.text-left`	Text
`.text-right`	Text
`.text-center`	Text
`.text-truncate`	This is a very long text that will not fit.	Text will not overlap it's size inside a block
`.text-break`	Text will be placed on more lines inside a block
`.underline`	Dummy
`.upper`	Dummy
`.lower`	Dummy
`.font.green`	Green text	Always add the class `.font` when applying a text color