Syntax

Font Weight

Setting the weight of the font.

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

Class	Declarations
`font-weight:weight`	`font-weight: weight;`
`font-weight:normal`	`font-weight: normal;`
`font:lighter`	`font-weight: lighter;`
`font:bolder`	`font-weight: bolder;`
`font:thin`	`font-weight: 100;`
`font:extralight`	`font-weight: 200;`
`font:light`	`font-weight: 300;`
`font:regular`	`font-weight: 400;`
`font:medium`	`font-weight: 500;`
`font:semibold`	`font-weight: 600;`
`font:bold`	`font-weight: 700;`
`font:extrabold`	`font-weight: 800;`
`font:heavy`	`font-weight: 900;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.