Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining responsive

Browse Source
This commit is contained in:
Antoine M 2024-01-17 16:39:34 +01:00
parent 40fd2b0eba
commit ef8be790e3
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/css/components/archive-page-header.css
View File

@ -1,6 +1,6 @@
.archive-page-header {
@apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto
mt-8 rounded-2xl;
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;
}
@ -15,16 +15,23 @@
}
/* 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;
@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 px-4 pl-10 md:pl-4 py-4 md:py-6 font-bold leading-4;
@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-[40px] md:max-w-[80px] md:mx-auto;
@apply rounded-lg md:pb-4 max-w-[50px] md:max-w-[80px] md:mx-auto;
}
}
/* POUR PUBLICATIONS */