@helpwave/hightide
Version:
helpwave's component and theming library
27 lines (22 loc) • 608 B
CSS
@utility col {
@apply flex flex-col gap-y-2;
}
@utility flex-col-* {
display: flex;
flex-direction: column;
row-gap: calc(var(--spacing) * --value(number));
}
@utility row {
@apply flex flex-row gap-x-2;
}
@utility flex-row-* {
display: flex;
flex-direction: row;
column-gap: calc(var(--spacing) * --value(number));
}
@utility input-indicator-hidden {
@apply appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [-moz-appearance:textfield];
}
@utility fake-hidden {
@apply invisible pointer-events-none touch-none opacity-0;
}