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

refininf footer

Browse Source
This commit is contained in:
Antoine M 2023-11-30 22:04:46 +01:00
parent 8601ff7e0c
commit b0d79dc9c5
2 changed files with 167 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
footer.php
View File

@ -6,6 +6,7 @@
<?php do_action('tailpress_content_after'); ?>
<footer id="main_footer" class="site-footer bg-gray-50 py-12" role="contentinfo">
<div class="site-footer-grid-container">
<div class="site-footer__informative-message">
<?php
@ -122,6 +123,8 @@
<?php do_action('tailpress_footer'); ?>
<div class="website-credits">
<img class="homegrade-sigle-icon" src="<?php echo get_template_directory_uri() . '/resources/img/logos/logo-homegrade-sigle.svg' ?>" alt="">
<div>
&copy; <?php echo date_i18n('Y'); ?> - <?php echo get_bloginfo('name'); ?>
<p class="made-by">Made with
<span>
@ -133,6 +136,7 @@
</span> by<a href="https://deligraph.com/" target="_blank"> Deligraph</a>
</p>
</div>
</div>
<ul class="legal-credits">
<?php
@ -162,6 +166,8 @@
<div class="footer-credits">
</div>
</div>
</footer>

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

@ -1,6 +1,9 @@
.site-footer {
@apply bg-gray grid grid-cols-4 px-8 gap-8;
@apply bg-gray;
.site-footer-grid-container {
@apply grid grid-cols-4 px-8 gap-8 mx-auto;
max-width: 2000px;
}
&__informative-message {
@apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
img {
@ -50,7 +53,10 @@
}
.website-credits {
@apply col-span-2 text-left font-semibold;
@apply col-span-4 xl:col-span-2 text-left font-semibold flex items-end gap-3 text-sm mx-auto xl:mx-0;
.homegrade-sigle-icon {
@apply h-12 w-auto;
}
.made-by {
@apply w-fit flex justify-center items-center text-neutral-600 font-semibold text-xs pt-1;
svg {
@ -69,19 +75,21 @@
}
.legal-credits {
@apply text-center col-span-2 lg:flex gap-3 items-end;
@apply text-center col-span-4 xl:col-span-2 xl:flex gap-3 items-end !text-sm justify-end;
&__legal-page-link {
@apply font-bold relative block;
@apply font-semibold relative block;
}
}
@screen xl {
.legal-credits__legal-page-link + .legal-credits__legal-page-link {
&:before {
@apply mr-3 h-4 bg-neutral-900;
transform: translateY(3px);
display: inline-block;
content: '';
width: 2px;
width: 1px;
content: '';
}
}
}
}