Skip to content

Border Sizes

OxyProps CSS Variables
  --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 1
o-border-1
CSS Variable
  var(--o-border-size-1)
Utility Class (all sides)
  o-border-1
Utility Class (top)
  o-border-top-1
Utility Class (bottom)
  o-border-bottom-1
Utility Class (left)
  o-border-left-1
Utility Class (right)
  o-border-right-1

Size 2

link Size 2
o-border-2
CSS Variable
  var(--o-border-size-2)
Utility Class (all sides)
  o-border-2
Utility Class (top)
  o-border-top-2
Utility Class (bottom)
  o-border-bottom-2
Utility Class (left)
  o-border-left-2
Utility Class (right)
  o-border-right-2

Size 3

link Size 3
o-border-3
CSS Variable
  var(--o-border-size-3)
Utility Class (all sides)
  o-border-3
Utility Class (top)
  o-border-top-3
Utility Class (bottom)
  o-border-bottom-3
Utility Class (left)
  o-border-left-3
Utility Class (right)
  o-border-right-3

Size 4

link Size 4
o-border-4
CSS Variable
  var(--o-border-size-4)
Utility Class (all sides)
  o-border-4
Utility Class (top)
  o-border-top-4
Utility Class (bottom)
  o-border-bottom-4
Utility Class (left)
  o-border-left-4
Utility Class (right)
  o-border-right-4

Size 5

link Size 5
o-border-5
CSS Variable
  var(--o-border-size-5)
Utility Class (all sides)
  o-border-5
Utility Class (top)
  o-border-top-5
Utility Class (bottom)
  o-border-bottom-5
Utility Class (left)
  o-border-left-5
Utility Class (right)
  o-border-right-5