Border Sizes
CSS Variable: --o-border-size-{ 1-5 }
Utility Class: o-border-{ "" | top | bottom | left | right }-{ 1-5 }
--o-border-size-1: 1px; --o-border-size-2: 2px; --o-border-size-3: 5px; --o-border-size-4: 10px; --o-border-size-5: 25px;
Size 1
link Size 1o-border-1
var(--o-border-size-1)
o-border-1
o-border-top-1
o-border-bottom-1
o-border-left-1
o-border-right-1
Size 2
link Size 2o-border-2
var(--o-border-size-2)
o-border-2
o-border-top-2
o-border-bottom-2
o-border-left-2
o-border-right-2
Size 3
link Size 3o-border-3
var(--o-border-size-3)
o-border-3
o-border-top-3
o-border-bottom-3
o-border-left-3
o-border-right-3
Size 4
link Size 4o-border-4
var(--o-border-size-4)
o-border-4
o-border-top-4
o-border-bottom-4
o-border-left-4
o-border-right-4
Size 5
link Size 5o-border-5
var(--o-border-size-5)
o-border-5
o-border-top-5
o-border-bottom-5
o-border-left-5
o-border-right-5