Native themes include three type-settings: Standard (std), Prioritary (main) and Techy (tech).
std: it's the normal body font.main: meant to be used as a heading font.tech: monospace font for technical content (e.g. code).Exploit
.type-std,.type-mainand.type-techcss classes to activate the desired type face.
<!-- example -->
<div class="type-tech">This pretend to be some piece of code.</div>
Every .font-{suffix} has its own font-size tuned so that it fits the designer's needs for desired type-face harmony.
Nevertheless it is possible to augment or diminuish the size of a piece of text using the following css classes:
font-size-smallestfont-size-tinyfont-size-smallerfont-size-smallfont-size-regular (default)font-size-bigfont-size-biggerfont-size-hugefont-size-biggestThese must be used in combo with
.type-std,.type-mainand.type-techcss classes in order to work.
<!-- example -->
<div class="type-main font-size-big">This pretend to be some piece of code.</div>