mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-08-02 07:29:28 +08:00
29 lines
965 B
CSS
29 lines
965 B
CSS
.cbi-tabmenu {
|
|
@apply border-hairline bg-surface-sunken mb-1 flex items-center gap-1 overflow-x-auto rounded-4xl border p-1;
|
|
|
|
& li {
|
|
@apply relative m-0 min-w-fit shrink-0 list-none;
|
|
&[data-errors] {
|
|
@apply after:bg-danger after:text-on-brand after:absolute after:-top-0.5 after:-right-1.5 after:z-20 after:inline-flex after:min-h-4 after:min-w-4 after:items-center after:justify-center after:rounded-full after:px-1.5 after:py-0.5 after:text-xs after:font-semibold after:content-[attr(data-errors)];
|
|
|
|
& > a {
|
|
@apply border-hairline border;
|
|
}
|
|
}
|
|
& > a {
|
|
@apply text-text-muted hover:text-text block rounded-4xl px-4 py-2 text-center text-sm font-medium whitespace-nowrap no-underline;
|
|
}
|
|
|
|
&.cbi-tab a {
|
|
@apply bg-text text-surface font-semibold shadow-sm;
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-tab-title] {
|
|
@apply invisible h-0 overflow-hidden;
|
|
}
|
|
[data-tab-active="true"] {
|
|
@apply visible h-auto overflow-visible;
|
|
}
|