@helpwave/hightide
Version:
helpwave's component and theming library
23 lines (19 loc) • 726 B
CSS
@utility rounded-* {
border-radius: calc(var(--spacing) * --value(number));
}
@utility rounded-t-* {
border-top-left-radius: calc(var(--spacing) * --value(number));
border-top-right-radius: calc(var(--spacing) * --value(number));
}
@utility rounded-r-* {
border-top-right-radius: calc(var(--spacing) * --value(number));
border-bottom-left-radius: calc(var(--spacing) * --value(number));
}
@utility rounded-b-* {
border-bottom-left-radius: calc(var(--spacing) * --value(number));
border-bottom-right-radius: calc(var(--spacing) * --value(number));
}
@utility rounded-l-* {
border-top-left-radius: calc(var(--spacing) * --value(number));
border-bottom-left-radius: calc(var(--spacing) * --value(number));
}