jan/uikit/src/select/styles.scss
2023-12-04 22:48:36 +07:00

32 lines
978 B
SCSS

.select {
@apply placeholder:text-muted-foreground border-border flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1;
&-caret {
@apply h-4 w-4 opacity-50;
}
&-scroll-up-button {
@apply flex cursor-default items-center justify-center py-1;
}
&-scroll-down-button {
@apply flex cursor-default items-center justify-center py-1;
}
&-label {
@apply px-2 py-1.5 text-sm font-semibold;
}
&-item {
@apply hover:bg-secondary relative my-1 block w-full cursor-pointer select-none items-center rounded-sm px-4 py-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50;
}
&-trigger-viewport {
@apply w-full py-1;
}
&-content {
@apply bg-background border-border relative z-50 mt-1 block max-h-96 w-full min-w-[8rem] overflow-hidden rounded-md border shadow-md;
}
}