Class | Properties |
---|---|
.rounded | border-radius: 4px; |
.rounded-top | border-top-left-radius: 4px; border-top-right-radius: 4px; |
.rounded-right | border-top-right-radius: 4px; border-bottom-right-radius: 4px; |
.rounded-bottom | border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; |
.rounded-left | border-top-left-radius: 4px; border-bottom-left-radius: 4px; |
.rounded-none | border-radius: 0px; |
.rounded-top-none | border-top-left-radius: 0px; border-top-right-radius: 0px; |
.rounded-right-none | border-top-right-radius: 0px; border-bottom-right-radius: 0px; |
.rounded-bottom-none | border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; |
.rounded-left-none | border-top-left-radius: 0px; border-bottom-left-radius: 0px; |
.rounded-sm | border-radius: 2px; |
.rounded-top-sm | border-top-left-radius: 2px; border-top-right-radius: 2px; |
.rounded-right-sm | border-top-right-radius: 2px; border-bottom-right-radius: 2px; |
.rounded-bottom-sm | border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; |
.rounded-left-sm | border-top-left-radius: 2px; border-bottom-left-radius: 2px; |
.rounded-md | border-radius: 6px; |
.rounded-top-md | border-top-left-radius: 6px; border-top-right-radius: 6px; |
.rounded-right-md | border-top-right-radius: 6px; border-bottom-right-radius: 6px; |
.rounded-bottom-md | border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; |
.rounded-left-md | border-top-left-radius: 6px; border-bottom-left-radius: 6px; |
.rounded-lg | border-radius: 8px; |
.rounded-top-lg | border-top-left-radius: 8px; border-top-right-radius: 8px; |
.rounded-right-lg | border-top-right-radius: 8px; border-bottom-right-radius: 8px; |
.rounded-bottom-lg | border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; |
.rounded-left-lg | border-top-left-radius: 8px; border-bottom-left-radius: 8px; |
.rounded-xl | border-radius: 12px; |
.rounded-top-xl | border-top-left-radius: 12px; border-top-right-radius: 12px; |
.rounded-right-xl | border-top-right-radius: 12px; border-bottom-right-radius: 12px; |
.rounded-bottom-xl | border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; |
.rounded-left-xl | border-top-left-radius: 12px; border-bottom-left-radius: 12px; |
.rounded-2xl | border-radius: 16px; |
.rounded-top-2xl | border-top-left-radius: 16px; border-top-right-radius: 16px; |
.rounded-right-2xl | border-top-right-radius: 16px; border-bottom-right-radius: 16px; |
.rounded-bottom-2xl | border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; |
.rounded-left-2xl | border-top-left-radius: 16px; border-bottom-left-radius: 16px; |
.rounded-3xl | border-radius: 24px; |
.rounded-top-3xl | border-top-left-radius: 24px; border-top-right-radius: 24px; |
.rounded-right-3xl | border-top-right-radius: 24px; border-bottom-right-radius: 24px; |
.rounded-bottom-3xl | border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; |
.rounded-left-3xl | border-top-left-radius: 24px; border-bottom-left-radius: 24px; |
.rounded-full | border-radius: 9999px; |
.rounded-top-full | border-top-left-radius: 9999px; border-top-right-radius: 9999px; |
.rounded-right-full | border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; |
.rounded-bottom-full | border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; |
.rounded-left-full | border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; |