feat: change footer design

This commit is contained in:
2024-12-14 23:50:55 +01:00
parent bed54e120b
commit 1da5ce2a77
3 changed files with 28 additions and 22 deletions

View File

@@ -9,25 +9,26 @@
</main>
<footer class="site-footer">
<div class="site-footer__top">
<div class="container site-footer__grid">
<div class="site-footer__left">
<f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" />
</div>
<div class="site-footer__right">
<f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '91'}" />
</div>
</div>
</div>
<div class="container">
<div class="site-footer__top">
<div class="site-footer__grid">
<div class="site-footer__left">
<f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" />
</div>
<div class="site-footer__right">
<f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '91'}" />
</div>
</div>
</div>
<hr class="site-footer__divider" />
<hr class="site-footer__divider" />
<div class="site-footer__bottom">
<div class="container site-footer__bottom-grid">
<ul class="site-footer__legal">
<f:cObject typoscriptObjectPath="lib.footerMenu" />
</ul>
<p class="site-footer__copyright">© All Right Reserved</p>
</div>
</div>
<div class="site-footer__bottom">
<div class="site-footer__bottom-grid">
<ul class="site-footer__legal">
<f:cObject typoscriptObjectPath="lib.footerMenu" />
</ul>
<p class="site-footer__copyright">© All Right Reserved</p>
</div>
</div>
</footer>

View File

@@ -25,7 +25,9 @@ $xl: 1200px;
--bs-primary: #233600;
--bs-yellow: #F5AE07;
--bs-light-green: #F4F6EC;
--cl-primary: #233600;
}
// Additional global variables can be added here

View File

@@ -1,8 +1,11 @@
.site-footer {
background: #f8f8ea;
color: #4b4b4b;
font-size: 0.9rem;
padding: 2rem 0;
.container {
background: var(--bs-light-green);
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
&__top {
padding-bottom: 2rem;