41 lines
955 B
CSS
41 lines
955 B
CSS
.publications-grid {
|
|
@apply max-w-screen-xl mx-auto pt-12 mb-12;
|
|
|
|
&__row {
|
|
@apply flex flex-col gap-y-4 gap-3 lg:gap-8 items-start md:items-center lg:grid grid-cols-11;
|
|
}
|
|
&__row + &__row {
|
|
@apply mt-8 border-t border-gray pt-8;
|
|
}
|
|
&__cover {
|
|
@apply w-20 rounded-lg md:col-span-1;
|
|
}
|
|
&__icon {
|
|
@apply w-20 rounded-2xl md:col-span-1;
|
|
}
|
|
&__title {
|
|
@apply md:col-span-4 font-bold;
|
|
line-height: 1.3;
|
|
}
|
|
&__thematique {
|
|
@apply col-span-5 md:col-span-2 text-center w-fit md:place-self-center;
|
|
}
|
|
&__edition {
|
|
@apply col-span-6 md:col-span-2 md:text-center;
|
|
}
|
|
&__button {
|
|
@apply col-span-11 md:col-span-2 md:justify-end place-self-center mt-4 lg:mt-0;
|
|
}
|
|
&__video-thumbnail {
|
|
@apply w-full h-auto rounded-lg col-span-2 object-cover;
|
|
aspect-ratio: 16/9;
|
|
width: 100%;
|
|
}
|
|
|
|
&--webinaires {
|
|
&__row {
|
|
@apply grid-cols-12;
|
|
}
|
|
}
|
|
}
|