Syntax

Border

Setting an element’s border.

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

Overview

ClassDeclarations
b:size|style|colorborder: sizerem style color solid;
bt:size|style|colorborder-top: sizerem style color solid;
bb:size|style|colorborder-bottom: sizerem style color solid;
bl:size|style|colorborder-left: sizerem style color solid;
br:size|style|colorborder-right: sizerem style color solid;
bx:size|style|colorborder-left: sizerem style color solid; border-right: sizerem style color solid;
by:size|style|colorborder-top: sizerem style color solid; border-bottom: sizerem style color solid;

Conditionally apply

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

<div class="border:1|solid|blue-60:hover border:1|solid|blue-60@sm border:1|solid|blue-60@dark border:1|solid|blue-60@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.