Syntax

Font Weight

Setting the weight of the font.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
font-weight:weightfont-weight: weight;
font-weight:normalfont-weight: normal;
font:lighterfont: lighter;
font:bolderfont-weight: bolder;
font:thinfont-weight: 100;
font:extralightfont-weight: 200;
font:lightfont-weight: 300;
font:regularfont-weight: 400;
font:mediumfont-weight: 500;
font:semiboldfont-weight: 600;
font:boldfont-weight: 700;
font:extraboldfont-weight: 800;
font:heavyfont-weight: 900;

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="font-weight:normal:hover font-weight:normal@sm font-weight:normal@dark font-weight:normal@print">…</div>
Syntax
Font Variant Numeric

Controlling the usage of alternate glyphs for numbers, fractions, and ordinal markers.

Syntax
Gap

Setting the gutters between rows and columns.

© Aoyue Design LLC.
MIT License