Border Utilities

Vanilla CSS Design System

Border Helpers

Basic border
<div class="border">Basic border</div>
Primary colored border
<div class="border border-primary border-1">Primary colored border</div>
Thick dashed success border
<div class="border border-4 border-dashed border-success">Thick dashed success border</div>
Large rounded corners
<div class="border rounded-lg">Large rounded corners</div>
Only top border
<div class="border border-t">Only top border</div>
Thick error border with full rounding 
<div class="border border-2 border-error rounded-full">
	Thick error border with full rounding
</div>
Necessary workaround for making dark mode work with PurgeCSS. You can move this item but not delete it. Necessary workaround for making helix mode work with PurgeCSS. You can move this item but not delete it.