49 lines
1.3 KiB
CSS
49 lines
1.3 KiB
CSS
.archive-page-header {
|
|
@apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto
|
|
mt-16 md:mt-8 rounded-2xl px-2;
|
|
&__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-4 max-w-screen-md mx-auto gap-4 p-6 pt-8;
|
|
|
|
.term {
|
|
@apply bg-white rounded-xl md:rounded-3xl p-2 md:p-4 lg:px-4 lg:py-5 font-bold leading-4;
|
|
&:before {
|
|
content: none;
|
|
}
|
|
}
|
|
.term a {
|
|
@apply flex md:block gap-4 justify-start items-center;
|
|
text-decoration: none !important;
|
|
p {
|
|
@apply my-0;
|
|
}
|
|
}
|
|
.term img {
|
|
@apply rounded-lg md:pb-4 max-w-[50px] 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;
|
|
}
|
|
}
|
|
}
|