Syntax

Margin

Setting the margin area on all four sides of an element.

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

Overview

ClassDeclarations
mt:sizemargin-top: sizerem;
mb:sizemargin-bottom: sizerem;
ml:sizemargin-left: sizerem;
mr:sizemargin-right: sizerem;
m:sizemargin: sizerem;
mx:sizemargin-left: sizerem; margin-right: sizerem;
my:sizemargin-top: sizerem; margin-bottom: sizerem;

Conditionally apply

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

<div class="m:10:hover m:10@sm m:10@dark m:10@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.