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

refining footer

Browse Source
This commit is contained in:
Antoine M 2023-12-19 12:54:10 +01:00
parent f150ad56ff
commit 7128404d61
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
resources/css/layout/footer.css
View File

@ -2,7 +2,8 @@
@apply bg-gray; @apply bg-gray;
.site-footer-grid-container { .site-footer-grid-container {
@apply grid grid-cols-4 px-8 gap-8 mx-auto; @apply grid grid-cols-4 px-8 gap-8 mx-auto;
max-width: 2000px; /* max-width: 2000px; */
max-width: 1440px;
} }
&__informative-message { &__informative-message {
@apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center; @apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
@ -17,6 +18,9 @@
&__navigation-menu { &__navigation-menu {
@apply p-8 bg-white rounded-3xl; @apply p-8 bg-white rounded-3xl;
} }
.content-intertitle {
@apply font-bold text-lg;
}
&__infos-contact { &__infos-contact {
@apply col-span-4 lg:col-span-1 grid gap-6; @apply col-span-4 lg:col-span-1 grid gap-6;
@ -52,8 +56,23 @@
@apply col-span-4 md:col-span-2; @apply col-span-4 md:col-span-2;
} }
.footer-credits {
@apply justify-between items-end container mx-auto px-8 lg:px-16
py-8
gap-y-12
md:gap-y-8
flex
flex-col
lg:flex-row
items-center
lg:items-end;
max-width: 2000px;
}
.website-credits { .website-credits {
@apply col-span-4 xl:col-span-2 text-left font-semibold flex items-end gap-3 text-sm mx-auto xl:mx-0; @apply col-span-4 xl:col-span-2 text-left w-fit
font-semibold
flex
gap-3 text-sm xl:mx-0;
.homegrade-sigle-icon { .homegrade-sigle-icon {
@apply h-12 w-auto; @apply h-12 w-auto;
} }
@ -75,12 +94,12 @@
} }
.legal-credits { .legal-credits {
@apply text-center col-span-4 xl:col-span-2 xl:flex gap-3 items-end !text-sm justify-end; @apply text-center col-span-4 xl:col-span-2 flex flex-col md:flex-row justify-end items-center md:items-end gap-3 !text-sm;
&__legal-page-link { &__legal-page-link {
@apply font-semibold relative block; @apply font-semibold relative block;
} }
} }
@screen xl { @screen md {
.legal-credits__legal-page-link + .legal-credits__legal-page-link { .legal-credits__legal-page-link + .legal-credits__legal-page-link {
&:before { &:before {
@apply mr-3 h-4 bg-neutral-900; @apply mr-3 h-4 bg-neutral-900;