Borders

Border Style

Utilities for sets border style.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
border-solid	border-style: solid
border-dashed	border-style: dashed
border-dotted	border-style: dotted
border-double	border-style: double
border-none	border-style: none

Usage

<div class="border-8 border-dashed">
  ...
</div>

HTML

.dummy {
  @extend
    .border-8,
    .border-dashed;
}

SCSS