Border

Style syntax for setting an element’s border.

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

Class	Declarations
`border:size\|style\|color` `/` `b:size\|style\|color`	`border: sizerem style color solid`
`border-top:size\|style\|color` `/` `bt:size\|style\|color`	`border-top: sizerem style color solid`
`border-bottom:size\|style\|color` `/` `bb:size\|style\|color`	`border-bottom: sizerem style color solid`
`border-left:size\|style\|color` `/` `bl:size\|style\|color`	`border-left: sizerem style color solid`
`border-right:size\|style\|color` `/` `br:size\|style\|color`	`border-right: sizerem style color solid`
`bx:size\|style\|color`	`border-left: sizerem style color solid; border-right: sizerem style color solid`
`by:size\|style\|color`	`border-top: sizerem style color solid; border-bottom: sizerem style color solid`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<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>