Border
Overview
These classes can be used to add borders to elements on the screen. Generally, borders should be used somewhat sparingly and only when used with appropriate padding and margin.
Classes
| Class | Description |
|---|---|
border | Adds a 1px solid var(--border) border to all sides of the element. |
border-b | Adds a 1px solid var(--border) border to the bottom of the element. |
border-t | Adds a 1px solid var(--border) border to the top of the element. |
border-l | Adds a 1px solid var(--border) border to the left of the element. |
border-r | Adds a 1px solid var(--border) border to the right of the element. |
border-0 | Removes the border from the element. |
border-b-0 | Removes the bottom border from the element. |
border-t-0 | Removes the top border from the element. |
border-l-0 | Removes the left border from the element. |
border-r-0 | Removes the right border from the element. |