123movies-seo/resources/scss/_tabs.scss

29 lines
809 B
SCSS
Raw Normal View History

2024-08-24 23:08:42 +03:00
.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;
}
}
}
}
}