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-main
and.type-tech
css 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-smallest
font-size-tiny
font-size-smaller
font-size-small
font-size-regular
(default)font-size-big
font-size-bigger
font-size-huge
font-size-biggest
These must be used in combo with
.type-std
,.type-main
and.type-tech
css classes in order to work.
<!-- example -->
<div class="type-main font-size-big">This pretend to be some piece of code.</div>
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.