Sizes

<p class="u-typo:xxxl">
    XXXL: Normal -
    <span class="u-typo:light">Light</span> -
    <span class="u-typo:bold">Bold</span> -
    <span class="u-typo:italic">Italic</span> -
    <span class="u-typo:bold u-typo:italic">Bold & Italic</span>
</p>

<p class="u-typo:xxl">
    XXL: Normal -
    <span class="u-typo:light">Light</span> -
    <span class="u-typo:bold">Bold</span> -
    <span class="u-typo:italic">Italic</span> -
    <span class="u-typo:bold u-typo:italic">Bold & Italic</span>
</p>

<p class="u-typo:xl">
    XL: Normal -
    <span class="u-typo:light">Light</span> -
    <span class="u-typo:bold">Bold</span> -
    <span class="u-typo:italic">Italic</span> -
    <span class="u-typo:bold u-typo:italic">Bold & Italic</span>
</p>

<p class="u-typo:l">
    L: Normal -
    <span class="u-typo:light">Light</span> -
    <span class="u-typo:bold">Bold</span> -
    <span class="u-typo:italic">Italic</span> -
    <span class="u-typo:bold u-typo:italic">Bold & Italic</span>
</p>

<p class="u-typo:m">
    M: Normal (Default) -
    <span class="u-typo:light">Light</span> -
    <span class="u-typo:bold">Bold</span> -
    <span class="u-typo:italic">Italic</span> -
    <span class="u-typo:bold u-typo:italic">Bold & Italic</span>
</p>

<p class="u-typo:s">
    S: Normal -
    <span class="u-typo:light">Light</span> -
    <span class="u-typo:bold">Bold</span> -
    <span class="u-typo:italic">Italic</span> -
    <span class="u-typo:bold u-typo:italic">Bold & Italic</span>
</p>