Syntax

Border Width

Setting the width of an element’s border.

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

Overview

ClassDeclarations
b:sizeborder-width: sizerem;
bt:sizeborder-top-width: sizerem;
bb:sizeborder-bottom-width: sizerem;
bl:sizeborder-left-width: sizerem;
br:sizeborder-right-width: sizerem;
bx:sizeborder-left-width: sizerem; border-right-width: sizerem;
by:sizeborder-top-width: sizerem; border-bottom-width: sizerem;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.