Border Radius
Utilities for controlling the border radius of an element.
Class | Properties |
---|---|
ob-rounded-none | border-radius: var(--ob-rounded-none) |
ob-rounded-sm | border-radius: var(--ob-rounded-sm) |
ob-rounded-base | border-radius: var(--ob-rounded-base) |
ob-rounded-md | border-radius: var(--ob-rounded-md) |
ob-rounded-lg | border-radius: var(--ob-rounded-lg) |
ob-rounded-xl | border-radius: var(--ob-rounded-xl) |
ob-rounded-2xl | border-radius: var(--ob-rounded-2xl) |
ob-rounded-3xl | border-radius: var(--ob-rounded-3xl) |
ob-rounded-full | border-radius: var(--ob-rounded-full) |
ob-rounded-t-none | border-top-left-radius: var(--ob-rounded-none); border-top-right-radius: var(ob-rounded-none) |
ob-rounded-t-sm | border-top-left-radius: var(--ob-rounded-sm); border-top-right-radius: var(ob-rounded-sm) |
ob-rounded-t-base | border-top-left-radius: var(--ob-rounded-base); border-top-right-radius: var(ob-rounded-base) |
ob-rounded-t-md | border-top-left-radius: var(--ob-rounded-md); border-top-right-radius: var(ob-rounded-md) |
ob-rounded-t-lg | border-top-left-radius: var(--ob-rounded-lg); border-top-right-radius: var(ob-rounded-lg) |
ob-rounded-t-xl | border-top-left-radius: var(--ob-rounded-xl); border-top-right-radius: var(ob-rounded-xl) |
ob-rounded-t-2xl | border-top-left-radius: var(--ob-rounded-2xl); border-top-right-radius: var(ob-rounded-2xl) |
ob-rounded-t-3xl | border-top-left-radius: var(--ob-rounded-3xl); border-top-right-radius: var(ob-rounded-3xl) |
ob-rounded-t-full | border-top-left-radius: var(--ob-rounded-full); border-top-right-radius: var(ob-rounded-full) |
ob-rounded-r-none | border-top-right-radius: var(--ob-rounded-none); border-bottom-right-radius: var(ob-rounded-none) |
ob-rounded-r-sm | border-top-right-radius: var(--ob-rounded-sm); border-bottom-right-radius: var(ob-rounded-sm) |
ob-rounded-r-base | border-top-right-radius: var(--ob-rounded-base); border-bottom-right-radius: var(ob-rounded-base) |
ob-rounded-r-md | border-top-right-radius: var(--ob-rounded-md); border-bottom-right-radius: var(ob-rounded-md) |
ob-rounded-r-lg | border-top-right-radius: var(--ob-rounded-lg); border-bottom-right-radius: var(ob-rounded-lg) |
ob-rounded-r-xl | border-top-right-radius: var(--ob-rounded-xl); border-bottom-right-radius: var(ob-rounded-xl) |
ob-rounded-r-2xl | border-top-right-radius: var(--ob-rounded-2xl); border-bottom-right-radius: var(ob-rounded-2xl) |
ob-rounded-r-3xl | border-top-right-radius: var(--ob-rounded-3xl); border-bottom-right-radius: var(ob-rounded-3xl) |
ob-rounded-r-full | border-top-right-radius: var(--ob-rounded-full); border-bottom-right-radius: var(ob-rounded-full) |
ob-rounded-b-none | border-bottom-right-radius: var(--ob-rounded-none); border-bottom-left-radius: var(ob-rounded-none) |
ob-rounded-b-sm | border-bottom-right-radius: var(--ob-rounded-sm); border-bottom-left-radius: var(ob-rounded-sm) |
ob-rounded-b-base | border-bottom-right-radius: var(--ob-rounded-base); border-bottom-left-radius: var(ob-rounded-base) |
ob-rounded-b-md | border-bottom-right-radius: var(--ob-rounded-md); border-bottom-left-radius: var(ob-rounded-md) |
ob-rounded-b-lg | border-bottom-right-radius: var(--ob-rounded-lg); border-bottom-left-radius: var(ob-rounded-lg) |
ob-rounded-b-xl | border-bottom-right-radius: var(--ob-rounded-xl); border-bottom-left-radius: var(ob-rounded-xl) |
ob-rounded-b-2xl | border-bottom-right-radius: var(--ob-rounded-2xl); border-bottom-left-radius: var(ob-rounded-2xl) |
ob-rounded-b-3xl | border-bottom-right-radius: var(--ob-rounded-3xl); border-bottom-left-radius: var(ob-rounded-3xl) |
ob-rounded-b-full | border-bottom-right-radius: var(--ob-rounded-full); border-bottom-left-radius: var(ob-rounded-full) |
ob-rounded-l-none | border-top-left-radius: var(--ob-rounded-none); border-bottom-left-radius: var(ob-rounded-none) |
ob-rounded-l-sm | border-top-left-radius: var(--ob-rounded-sm); border-bottom-left-radius: var(ob-rounded-sm) |
ob-rounded-l-base | border-top-left-radius: var(--ob-rounded-base); border-bottom-left-radius: var(ob-rounded-base) |
ob-rounded-l-md | border-top-left-radius: var(--ob-rounded-md); border-bottom-left-radius: var(ob-rounded-md) |
ob-rounded-l-lg | border-top-left-radius: var(--ob-rounded-lg); border-bottom-left-radius: var(ob-rounded-lg) |
ob-rounded-l-xl | border-top-left-radius: var(--ob-rounded-xl); border-bottom-left-radius: var(ob-rounded-xl) |
ob-rounded-l-2xl | border-top-left-radius: var(--ob-rounded-2xl); border-bottom-left-radius: var(ob-rounded-2xl) |
ob-rounded-l-3xl | border-top-left-radius: var(--ob-rounded-3xl); border-bottom-left-radius: var(ob-rounded-3xl) |
ob-rounded-l-full | border-top-left-radius: var(--ob-rounded-full); border-bottom-left-radius: var(ob-rounded-full) |