Border Width

Dashvar provides a few utility variables for all of your border-width needs.

var(--border-width-0)

0px / 0px

var(--border-width-1)

1px / 1px

var(--border-width-2)

0.125rem / 2px

var(--border-width-3)

0.25rem / 4px

var(--border-width-4)

0.5rem / 8px

var(--border-width-5)

0.75rem / 12px

var(--border-width-6)

1rem / 16px

Interactive Example

Feel free to play with this interactive example to get comfortable with the tool.