36 lines
874 B
CSS
36 lines
874 B
CSS
.tablist {
|
|
@apply flex items-center overflow-y-visible gap-8 lg:gap-3 xl:gap-12 border-b border-primary py-0;
|
|
position: relative;
|
|
|
|
span {
|
|
@apply sr-only lg:not-sr-only;
|
|
}
|
|
button {
|
|
@apply text-base md:text-lg lg:text-lg mt-8 nunito pb-4 flex flex-col lg:flex-row items-center gap-2 lg:gap-4 text-left shrink-0;
|
|
grid-template-columns: auto 1fr;
|
|
|
|
word-break: keep-all;
|
|
|
|
.icon {
|
|
@apply w-8 h-8 block;
|
|
}
|
|
|
|
&[aria-selected='true'] {
|
|
@apply text-primary border-b-4 border-primary;
|
|
|
|
.icon {
|
|
@apply filter-primary;
|
|
}
|
|
}
|
|
&[aria-selected='false'] {
|
|
@apply text-black opacity-40;
|
|
}
|
|
&[aria-selected='false']:hover {
|
|
@apply text-carhop-green-700 underline underline-offset-8 opacity-100;
|
|
.icon {
|
|
@apply filter-primary;
|
|
}
|
|
}
|
|
}
|
|
}
|