Borders
Border Widths
The variables for border widths are all prefixed with --cd-border-. They’re
designed to be used with the border-width property.
--cd-border-none
--cd-border-s
--cd-border-m
--cd-border-l
--cd-border-xl
Border Radii
The variables for radii are all prefixed with --cd-radius-. They’re designed to
be used with the border-radius property.
Warning
These tokens, with the exception of none and full, are designed to be used
with corner-shape: squircle. Failing to set this on an element that uses
radius tokens will result in its borders looking rounder than intended on
browsers that support corner-shape.
--cd-radius-none
--cd-radius-s
--cd-radius-m
--cd-radius-l
--cd-radius-xl
--cd-radius-2xl
--cd-radius-full