64 lines
1.2 KiB
CSS
64 lines
1.2 KiB
CSS
.post-conseil-page-container {
|
|
@apply px-4 md:px-8;
|
|
}
|
|
|
|
.conseils_wrapper {
|
|
@apply lg:flex gap-x-8 max-w-screen-2xl mx-auto pb-12;
|
|
|
|
aside {
|
|
@apply lg:sticky
|
|
left-0
|
|
h-fit
|
|
lg:max-w-md
|
|
top-4;
|
|
}
|
|
.chapter_index {
|
|
@apply bg-gray
|
|
w-full
|
|
p-8
|
|
|
|
mb-4
|
|
/* lg:sticky */
|
|
rounded-2xl;
|
|
|
|
&__title {
|
|
@apply font-bold text-xl;
|
|
}
|
|
&__titling {
|
|
@apply flex items-center mb-3 gap-3;
|
|
.icon {
|
|
@apply bg-primary rounded-full inline-block mr-2 flex justify-center items-center h-10 w-10;
|
|
svg {
|
|
@apply w-6 h-4 text-white;
|
|
transform: translate(1px, 2px);
|
|
}
|
|
}
|
|
}
|
|
&__list {
|
|
@apply relative border-l border-neutral-300 pl-4;
|
|
}
|
|
&__link {
|
|
padding: 2px 0;
|
|
line-height: 1.3;
|
|
&:before {
|
|
content: revert;
|
|
}
|
|
}
|
|
&__position-indicator {
|
|
@apply h-8 absolute top-0 rounded-2xl;
|
|
left: -2px;
|
|
width: 3px;
|
|
/* transition: top 0.3s ease-out; */
|
|
transition: top 0.7s cubic-bezier(0, 0.75, 0.47, 0.99);
|
|
}
|
|
|
|
a {
|
|
@apply block;
|
|
}
|
|
|
|
a.active {
|
|
@apply font-bold;
|
|
}
|
|
}
|
|
}
|