51 lines
1.3 KiB
CSS
51 lines
1.3 KiB
CSS
#revue-toolbar,
|
|
#article-toolbar {
|
|
@apply col-span-2 container mx-auto;
|
|
|
|
.tablist {
|
|
@apply flex items-center overflow-x-scroll lg:overflow-x-visible gap-4 md:gap-8 lg:gap-12 border-b border-primary;
|
|
button {
|
|
@apply text-base md:text-lg lg:text-xl mt-8 nunito pb-4 flex flex-col lg:flex-row items-center gap-2 lg:gap-4 text-left;
|
|
grid-template-columns: auto 1fr;
|
|
/* white-space: normal;
|
|
word-wrap: break-word; */
|
|
/* break-word: break-; */
|
|
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;
|
|
}
|
|
}
|
|
|
|
a.cta--download-pdf {
|
|
@apply ml-auto;
|
|
}
|
|
#listen-article {
|
|
@apply bg-primary text-white rounded-full w-12 h-12 flex items-center justify-center m-0 p-0 transition-all duration-300;
|
|
&:hover {
|
|
@apply scale-110;
|
|
}
|
|
img {
|
|
@apply w-6 h-6;
|
|
}
|
|
&.is-active {
|
|
@apply bg-red-500;
|
|
}
|
|
}
|
|
}
|
|
|
|
.toolbar-actions {
|
|
@apply flex items-center gap-3 ml-auto;
|
|
}
|
|
}
|