42 lines
813 B
CSS
42 lines
813 B
CSS
.publications-grid {
|
|
@apply max-w-screen-xl mx-auto py-12 mb-12;
|
|
|
|
&__row {
|
|
@apply grid grid-cols-11 gap-8;
|
|
align-items: center;
|
|
}
|
|
&__row + &__row {
|
|
@apply mt-8 border-t border-gray pt-8;
|
|
}
|
|
&__cover {
|
|
@apply w-20 rounded-lg col-span-1;
|
|
}
|
|
&__icon {
|
|
@apply w-20 rounded-2xl col-span-1;
|
|
}
|
|
&__title {
|
|
@apply col-span-4 font-bold;
|
|
}
|
|
&__thematique {
|
|
@apply col-span-2 text-center w-fit;
|
|
place-self: center;
|
|
}
|
|
&__edition {
|
|
@apply col-span-2 text-center;
|
|
}
|
|
&__button {
|
|
@apply col-span-2 flex justify-end;
|
|
}
|
|
&__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;
|
|
}
|
|
}
|
|
}
|