.rounded | border-radius: var(--rounded) | --rounded |
.rounded-s | border-start-start-radius: var(--rounded-s)
border-end-start-radius: var(--rounded-s) | --rounded-s |
.rounded-e | border-start-end-radius: var(--rounded-e)
border-end-end-radius: var(--rounded-e) | --rounded-e |
.rounded-t | border-top-left-radius: var(--rounded-t)
border-top-right-radius: var(--rounded-t) | --rounded-t |
.rounded-r | border-top-right-radius: var(--rounded-r)
border-bottom-right-radius: var(--rounded-r) | --rounded-r |
.rounded-b | border-bottom-right-radius: var(--rounded-b)
border-bottom-left-radius: var(--rounded-b) | --rounded-b |
.rounded-l | border-top-left-radius: var(--rounded-l)
border-bottom-left-radius: var(--rounded-l) | --rounded-l |
.rounded-ss | border-start-start-radius: var(--rounded-ss) | --rounded-ss |
.rounded-se | border-start-end-radius: var(--rounded-se) | --rounded-se |
.rounded-ee | border-end-end-radius: var(--rounded-ee) | --rounded-ee |
.rounded-es | border-end-start-radius: var(--rounded-es) | --rounded-es |
.rounded-tl | border-top-left-radius: var(--rounded-tl) | --rounded-tl |
.rounded-tr | border-top-right-radius: var(--rounded-tr) | --rounded-tr |
.rounded-br | border-bottom-right-radius: var(--rounded-br) | --rounded-br |
.rounded-bl | border-bottom-left-radius: var(--rounded-bl) | --rounded-bl |
.rounded-xs | border-radius: var(--radius-xs) | - |
.rounded-sm | border-radius: var(--radius-sm) | - |
.rounded-md | border-radius: var(--radius-md) | - |
.rounded-lg | border-radius: var(--radius-lg) | - |
.rounded-xl | border-radius: var(--radius-xl) | - |
.rounded-2xl | border-radius: var(--radius-2xl) | - |
.rounded-3xl | border-radius: var(--radius-3xl) | - |
.rounded-4xl | border-radius: var(--radius-4xl) | - |
.rounded-none | border-radius: 0 | - |
.rounded-full | border-radius: calc(infinity * 1px) | - |
.rounded-s-xs | border-start-start-radius: var(--radius-xs)
border-end-start-radius: var(--radius-xs) | - |
.rounded-s-sm | border-start-start-radius: var(--radius-sm)
border-end-start-radius: var(--radius-sm) | - |
.rounded-s-md | border-start-start-radius: var(--radius-md)
border-end-start-radius: var(--radius-md) | - |
.rounded-s-lg | border-start-start-radius: var(--radius-lg)
border-end-start-radius: var(--radius-lg) | - |
.rounded-s-xl | border-start-start-radius: var(--radius-xl)
border-end-start-radius: var(--radius-xl) | - |
.rounded-s-2xl | border-start-start-radius: var(--radius-2xl)
border-end-start-radius: var(--radius-2xl) | - |
.rounded-s-3xl | border-start-start-radius: var(--radius-3xl)
border-end-start-radius: var(--radius-3xl) | - |
.rounded-s-4xl | border-start-start-radius: var(--radius-4xl)
border-end-start-radius: var(--radius-4xl) | - |
.rounded-s-none | border-start-start-radius: 0
border-end-start-radius: 0 | - |
.rounded-s-full | border-start-start-radius: calc(infinity * 1px)
border-end-start-radius: calc(infinity * 1px) | - |
.rounded-e-xs | border-start-end-radius: var(--radius-xs)
border-end-end-radius: var(--radius-xs) | - |
.rounded-e-sm | border-start-end-radius: var(--radius-sm)
border-end-end-radius: var(--radius-sm) | - |
.rounded-e-md | border-start-end-radius: var(--radius-md)
border-end-end-radius: var(--radius-md) | - |
.rounded-e-lg | border-start-end-radius: var(--radius-lg)
border-end-end-radius: var(--radius-lg) | - |
.rounded-e-xl | border-start-end-radius: var(--radius-xl)
border-end-end-radius: var(--radius-xl) | - |
.rounded-e-2xl | border-start-end-radius: var(--radius-2xl)
border-end-end-radius: var(--radius-2xl) | - |
.rounded-e-3xl | border-start-end-radius: var(--radius-3xl)
border-end-end-radius: var(--radius-3xl) | - |
.rounded-e-4xl | border-start-end-radius: var(--radius-4xl)
border-end-end-radius: var(--radius-4xl) | - |
.rounded-e-none | border-start-end-radius: 0
border-end-end-radius: 0 | - |
.rounded-e-full | border-start-end-radius: calc(infinity * 1px)
border-end-end-radius: calc(infinity * 1px) | - |
.rounded-t-xs | border-top-left-radius: var(--radius-xs)
border-top-right-radius: var(--radius-xs) | - |
.rounded-t-sm | border-top-left-radius: var(--radius-sm)
border-top-right-radius: var(--radius-sm) | - |
.rounded-t-md | border-top-left-radius: var(--radius-md)
border-top-right-radius: var(--radius-md) | - |
.rounded-t-lg | border-top-left-radius: var(--radius-lg)
border-top-right-radius: var(--radius-lg) | - |
.rounded-t-xl | border-top-left-radius: var(--radius-xl)
border-top-right-radius: var(--radius-xl) | - |
.rounded-t-2xl | border-top-left-radius: var(--radius-2xl)
border-top-right-radius: var(--radius-2xl) | - |
.rounded-t-3xl | border-top-left-radius: var(--radius-3xl)
border-top-right-radius: var(--radius-3xl) | - |
.rounded-t-4xl | border-top-left-radius: var(--radius-4xl)
border-top-right-radius: var(--radius-4xl) | - |
.rounded-t-none | border-top-left-radius: 0
border-top-right-radius: 0 | - |
.rounded-t-full | border-top-left-radius: calc(infinity * 1px)
border-top-right-radius: calc(infinity * 1px) | - |
.rounded-r-xs | border-top-right-radius: var(--radius-xs)
border-bottom-right-radius: var(--radius-xs) | - |
.rounded-r-sm | border-top-right-radius: var(--radius-sm)
border-bottom-right-radius: var(--radius-sm) | - |
.rounded-r-md | border-top-right-radius: var(--radius-md)
border-bottom-right-radius: var(--radius-md) | - |
.rounded-r-lg | border-top-right-radius: var(--radius-lg)
border-bottom-right-radius: var(--radius-lg) | - |
.rounded-r-xl | border-top-right-radius: var(--radius-xl)
border-bottom-right-radius: var(--radius-xl) | - |
.rounded-r-2xl | border-top-right-radius: var(--radius-2xl)
border-bottom-right-radius: var(--radius-2xl) | - |
.rounded-r-3xl | border-top-right-radius: var(--radius-3xl)
border-bottom-right-radius: var(--radius-3xl) | - |
.rounded-r-4xl | border-top-right-radius: var(--radius-4xl)
border-bottom-right-radius: var(--radius-4xl) | - |
.rounded-r-none | border-top-right-radius: 0
border-bottom-right-radius: 0 | - |
.rounded-r-full | border-top-right-radius: calc(infinity * 1px)
border-bottom-right-radius: calc(infinity * 1px) | - |
.rounded-b-xs | border-bottom-right-radius: var(--radius-xs)
border-bottom-left-radius: var(--radius-xs) | - |
.rounded-b-sm | border-bottom-right-radius: var(--radius-sm)
border-bottom-left-radius: var(--radius-sm) | - |
.rounded-b-md | border-bottom-right-radius: var(--radius-md)
border-bottom-left-radius: var(--radius-md) | - |
.rounded-b-lg | border-bottom-right-radius: var(--radius-lg)
border-bottom-left-radius: var(--radius-lg) | - |
.rounded-b-xl | border-bottom-right-radius: var(--radius-xl)
border-bottom-left-radius: var(--radius-xl) | - |
.rounded-b-2xl | border-bottom-right-radius: var(--radius-2xl)
border-bottom-left-radius: var(--radius-2xl) | - |
.rounded-b-3xl | border-bottom-right-radius: var(--radius-3xl)
border-bottom-left-radius: var(--radius-3xl) | - |
.rounded-b-4xl | border-bottom-right-radius: var(--radius-4xl)
border-bottom-left-radius: var(--radius-4xl) | - |
.rounded-b-none | border-bottom-right-radius: 0
border-bottom-left-radius: 0 | - |
.rounded-b-full | border-bottom-right-radius: calc(infinity * 1px)
border-bottom-left-radius: calc(infinity * 1px) | - |
.rounded-l-xs | border-top-left-radius: var(--radius-xs)
border-bottom-left-radius: var(--radius-xs) | - |
.rounded-l-sm | border-top-left-radius: var(--radius-sm)
border-bottom-left-radius: var(--radius-sm) | - |
.rounded-l-md | border-top-left-radius: var(--radius-md)
border-bottom-left-radius: var(--radius-md) | - |
.rounded-l-lg | border-top-left-radius: var(--radius-lg)
border-bottom-left-radius: var(--radius-lg) | - |
.rounded-l-xl | border-top-left-radius: var(--radius-xl)
border-bottom-left-radius: var(--radius-xl) | - |
.rounded-l-2xl | border-top-left-radius: var(--radius-2xl)
border-bottom-left-radius: var(--radius-2xl) | - |
.rounded-l-3xl | border-top-left-radius: var(--radius-3xl)
border-bottom-left-radius: var(--radius-3xl) | - |
.rounded-l-4xl | border-top-left-radius: var(--radius-4xl)
border-bottom-left-radius: var(--radius-4xl) | - |
.rounded-l-none | border-top-left-radius: 0
border-bottom-left-radius: 0 | - |
.rounded-l-full | border-top-left-radius: calc(infinity * 1px)
border-bottom-left-radius: calc(infinity * 1px) | - |
.rounded-ss-xs | border-start-start-radius: var(--radius-xs) | - |
.rounded-ss-sm | border-start-start-radius: var(--radius-sm) | - |
.rounded-ss-md | border-start-start-radius: var(--radius-md) | - |
.rounded-ss-lg | border-start-start-radius: var(--radius-lg) | - |
.rounded-ss-xl | border-start-start-radius: var(--radius-xl) | - |
.rounded-ss-2xl | border-start-start-radius: var(--radius-2xl) | - |
.rounded-ss-3xl | border-start-start-radius: var(--radius-3xl) | - |
.rounded-ss-4xl | border-start-start-radius: var(--radius-4xl) | - |
.rounded-ss-none | border-start-start-radius: 0 | - |
.rounded-ss-full | border-start-start-radius: calc(infinity * 1px) | - |
.rounded-se-xs | border-start-end-radius: var(--radius-xs) | - |
.rounded-se-sm | border-start-end-radius: var(--radius-sm) | - |
.rounded-se-md | border-start-end-radius: var(--radius-md) | - |
.rounded-se-lg | border-start-end-radius: var(--radius-lg) | - |
.rounded-se-xl | border-start-end-radius: var(--radius-xl) | - |
.rounded-se-2xl | border-start-end-radius: var(--radius-2xl) | - |
.rounded-se-3xl | border-start-end-radius: var(--radius-3xl) | - |
.rounded-se-4xl | border-start-end-radius: var(--radius-4xl) | - |
.rounded-se-none | border-start-end-radius: 0 | - |
.rounded-se-full | border-start-end-radius: calc(infinity * 1px) | - |
.rounded-ee-xs | border-end-end-radius: var(--radius-xs) | - |
.rounded-ee-sm | border-end-end-radius: var(--radius-sm) | - |
.rounded-ee-md | border-end-end-radius: var(--radius-md) | - |
.rounded-ee-lg | border-end-end-radius: var(--radius-lg) | - |
.rounded-ee-xl | border-end-end-radius: var(--radius-xl) | - |
.rounded-ee-2xl | border-end-end-radius: var(--radius-2xl) | - |
.rounded-ee-3xl | border-end-end-radius: var(--radius-3xl) | - |
.rounded-ee-4xl | border-end-end-radius: var(--radius-4xl) | - |
.rounded-ee-none | border-end-end-radius: 0 | - |
.rounded-ee-full | border-end-end-radius: calc(infinity * 1px) | - |
.rounded-es-xs | border-end-start-radius: var(--radius-xs) | - |
.rounded-es-sm | border-end-start-radius: var(--radius-sm) | - |
.rounded-es-md | border-end-start-radius: var(--radius-md) | - |
.rounded-es-lg | border-end-start-radius: var(--radius-lg) | - |
.rounded-es-xl | border-end-start-radius: var(--radius-xl) | - |
.rounded-es-2xl | border-end-start-radius: var(--radius-2xl) | - |
.rounded-es-3xl | border-end-start-radius: var(--radius-3xl) | - |
.rounded-es-4xl | border-end-start-radius: var(--radius-4xl) | - |
.rounded-es-none | border-end-start-radius: 0 | - |
.rounded-es-full | border-end-start-radius: calc(infinity * 1px) | - |
.rounded-tl-xs | border-top-left-radius: var(--radius-xs) | - |
.rounded-tl-sm | border-top-left-radius: var(--radius-sm) | - |
.rounded-tl-md | border-top-left-radius: var(--radius-md) | - |
.rounded-tl-lg | border-top-left-radius: var(--radius-lg) | - |
.rounded-tl-xl | border-top-left-radius: var(--radius-xl) | - |
.rounded-tl-2xl | border-top-left-radius: var(--radius-2xl) | - |
.rounded-tl-3xl | border-top-left-radius: var(--radius-3xl) | - |
.rounded-tl-4xl | border-top-left-radius: var(--radius-4xl) | - |
.rounded-tl-none | border-top-left-radius: 0 | - |
.rounded-tl-full | border-top-left-radius: calc(infinity * 1px) | - |
.rounded-tr-xs | border-top-right-radius: var(--radius-xs) | - |
.rounded-tr-sm | border-top-right-radius: var(--radius-sm) | - |
.rounded-tr-md | border-top-right-radius: var(--radius-md) | - |
.rounded-tr-lg | border-top-right-radius: var(--radius-lg) | - |
.rounded-tr-xl | border-top-right-radius: var(--radius-xl) | - |
.rounded-tr-2xl | border-top-right-radius: var(--radius-2xl) | - |
.rounded-tr-3xl | border-top-right-radius: var(--radius-3xl) | - |
.rounded-tr-4xl | border-top-right-radius: var(--radius-4xl) | - |
.rounded-tr-none | border-top-right-radius: 0 | - |
.rounded-tr-full | border-top-right-radius: calc(infinity * 1px) | - |
.rounded-br-xs | border-bottom-right-radius: var(--radius-xs) | - |
.rounded-br-sm | border-bottom-right-radius: var(--radius-sm) | - |
.rounded-br-md | border-bottom-right-radius: var(--radius-md) | - |
.rounded-br-lg | border-bottom-right-radius: var(--radius-lg) | - |
.rounded-br-xl | border-bottom-right-radius: var(--radius-xl) | - |
.rounded-br-2xl | border-bottom-right-radius: var(--radius-2xl) | - |
.rounded-br-3xl | border-bottom-right-radius: var(--radius-3xl) | - |
.rounded-br-4xl | border-bottom-right-radius: var(--radius-4xl) | - |
.rounded-br-none | border-bottom-right-radius: 0 | - |
.rounded-br-full | border-bottom-right-radius: calc(infinity * 1px) | - |
.rounded-bl-xs | border-bottom-left-radius: var(--radius-xs) | - |
.rounded-bl-sm | border-bottom-left-radius: var(--radius-sm) | - |
.rounded-bl-md | border-bottom-left-radius: var(--radius-md) | - |
.rounded-bl-lg | border-bottom-left-radius: var(--radius-lg) | - |
.rounded-bl-xl | border-bottom-left-radius: var(--radius-xl) | - |
.rounded-bl-2xl | border-bottom-left-radius: var(--radius-2xl) | - |
.rounded-bl-3xl | border-bottom-left-radius: var(--radius-3xl) | - |
.rounded-bl-4xl | border-bottom-left-radius: var(--radius-4xl) | - |
.rounded-bl-none | border-bottom-left-radius: 0 | - |
.rounded-bl-full | border-bottom-left-radius: calc(infinity * 1px) | - |