42 lines
1.2 KiB
CSS
42 lines
1.2 KiB
CSS
.archive-page-header {
|
|
@apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto
|
|
mt-8 rounded-2xl;
|
|
&__icon {
|
|
@apply absolute left-1/2 -translate-x-1/2 -translate-y-[75%] w-20 block;
|
|
}
|
|
&__title {
|
|
@apply uppercase font-semibold text-xl tracking-widest pt-12;
|
|
}
|
|
&__icon + &__title {
|
|
@apply pt-16;
|
|
}
|
|
&__description {
|
|
@apply font-bold text-4xl max-w-screen-md mx-auto pt-4;
|
|
}
|
|
/* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */
|
|
&__terms-grid {
|
|
@apply grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;
|
|
|
|
.term {
|
|
@apply bg-white rounded-xl md:rounded-3xl px-4 pl-10 md:pl-4 py-4 md:py-6 font-bold leading-4;
|
|
}
|
|
.term a {
|
|
@apply flex md:block gap-4 justify-start items-center;
|
|
}
|
|
.term img {
|
|
@apply rounded-lg md:pb-4 max-w-[40px] md:max-w-[80px] md:mx-auto;
|
|
}
|
|
}
|
|
/* POUR PUBLICATIONS */
|
|
&__search-grid {
|
|
@apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;
|
|
|
|
.term {
|
|
@apply bg-white rounded-3xl px-4 py-6 font-bold leading-4;
|
|
}
|
|
.term img {
|
|
@apply rounded-lg pb-4 max-w-[80px] mx-auto;
|
|
}
|
|
}
|
|
}
|