28 lines
766 B
CSS
28 lines
766 B
CSS
.wp-block-carhop-blocks-story-timeline {
|
|
@apply flex flex-col md:flex-row gap-12 mx-auto max-w-screen-xl;
|
|
aside.story-timeline__years {
|
|
@apply text-white;
|
|
ul {
|
|
@apply sticky top-0 left-0 !pt-6;
|
|
@apply list-none p-0 m-0 grid grid-cols-2 md:flex flex-col gap-4;
|
|
li {
|
|
@apply list-none bg-white text-primary border border-primary text-3xl fjalla p-0;
|
|
a {
|
|
@apply no-underline p-6 block;
|
|
}
|
|
}
|
|
|
|
li.story-timeline__year[data-active='false'] {
|
|
@apply opacity-30;
|
|
}
|
|
li.story-timeline__year[data-active='true'] {
|
|
@apply opacity-100;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.wp-block-carhop-blocks-heading + .wp-block-carhop-blocks-story-timeline {
|
|
@apply mt-6;
|
|
}
|