Borders

Borders can be used to add emphasis to an element, separate it from other elements or group related information.

Rounded Corners

Rounded corners

--rounded-none

--rounded-sm

--rounded-md

--rounded-lg

--rounded-full

:root {
  --rounded-none: 0px;
  --rounded-sm: 0.25rem;
  --rounded-md: 0.5rem;
  --rounded-lg: 1rem;
  --rounded-full: 9999px;
}