Add a border to any element with Natura11y's border utilities. Include a breakpoint modifier to apply a border at a specific breakpoint (Figure 1).
Border Color Utilities
Specify a border color to a bordered element with the border color utilities (Figure 2). Theme colors generate these available colors.
Border color utilities do not have breakpoint modifiers. Directional border color utilities are available (Figure 3).
Of course the above examples will rarely be necassary, but they are available nonetheless.
Border Radius Utilities
Add a border radius to any element with Natura11y's border utilities. Include a breakpoint modifier to apply a border-radius at a specific breakpoint (Figure 3).
Related CSS Variables
Further customize Borders by redefining any of their related CSS variables as shown below.
|CSS Variable||Default Value||Description|