Skip to main content

Chassis v5.5.0

Border utilities

Border utilities allow you to easily add or remove border styles.

border top .ch-bt--1

border right .ch-br--2

border bottom .ch-bb--3

border left .ch-bl--2

border all .ch-ba--1

HTML

<div class="ch-bt--[0-3]"></div>
<!-- border-top: solid [0-3]px -->

<div class="ch-bb--[0-3]"></div>
<!-- border-bottom: solid [0-3]px; -->

<div class="ch-bl--[0-3]"></div>
<!-- border-left: solid [0-3]px; -->

<div class="ch-br--[0-3]"></div>
<!-- border-right: solid [0-3]px; -->

<div class="ch-ba--[0-3]"></div>
<!-- border: solid [0-3]px; -->

<!-- Responsive -->
<div class="[sl,sm,md,lg]:ch-ba--[0-3]"></div>