29 lines
809 B
SCSS
29 lines
809 B
SCSS
|
.tabbed-content {
|
||
|
|
@apply container mt-10 mx-auto p-0;
|
||
|
|
&__header {
|
||
|
|
@apply w-full inline-flex items-center justify-start gap-2 pl-3 flex-wrap md:gap-4 bg-slate-100;
|
||
|
|
.title {
|
||
|
|
@apply text-body py-2 text-2xl block;
|
||
|
|
}
|
||
|
|
.tabs {
|
||
|
|
@apply inline-flex gap-2 justify-center md:justify-start ;
|
||
|
|
a {
|
||
|
|
@apply bg-gray-600 text-white px-3 py-[2px] uppercase text-sm inline-flex items-center justify-center gap-1 rounded-sm;
|
||
|
|
svg {
|
||
|
|
@apply w-4 h-4;
|
||
|
|
}
|
||
|
|
&.active {
|
||
|
|
@apply cursor-default bg-secondary ;
|
||
|
|
}
|
||
|
|
&:not(.active) {
|
||
|
|
@apply hover:bg-gray-500;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|