From 8681df112aa9a2f6cc139d2a9131faaf9ba250ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0t=C4=9Bp=C3=A1n=20Farka?= <stepanfarka11@gmail.com>
Date: Tue, 11 Oct 2022 12:54:48 +0200
Subject: [PATCH] [WIP] footer
---
.../_patterns/organisms/footer.mustache | 47 ++++++++++++++++++-
.../source/css/organisms/footer.pcss | 7 ---
2 files changed, 46 insertions(+), 8 deletions(-)
diff --git a/main/styleguide/source/_patterns/organisms/footer.mustache b/main/styleguide/source/_patterns/organisms/footer.mustache
index b3641641..ac7e2e51 100644
--- a/main/styleguide/source/_patterns/organisms/footer.mustache
+++ b/main/styleguide/source/_patterns/organisms/footer.mustache
@@ -26,7 +26,7 @@
</a>
</div>
</section>
- <section class="footer__main-links text-white lg:flex lg:flex-wrap lg:justify-between gap-8">
+ <section class="footer__main-links text-white lg:flex lg:justify-between gap-8">
<div class="py-4 lg:py-0">
<ui-footer-collapsible label="Navigace">
<ul class="text-white py-8">
@@ -69,6 +69,39 @@
<li>
<a href="#">Lorem ipsum</a>
</li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
</ul>
</ui-footer-collapsible>
</div>
@@ -117,6 +150,18 @@
<li>
<a href="#">Lorem ipsum</a>
</li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
+ <li>
+ <a href="#">Lorem ipsum</a>
+ </li>
</ul>
</ui-footer-collapsible>
</div>
diff --git a/main/styleguide/source/css/organisms/footer.pcss b/main/styleguide/source/css/organisms/footer.pcss
index 4e41885a..96808f56 100644
--- a/main/styleguide/source/css/organisms/footer.pcss
+++ b/main/styleguide/source/css/organisms/footer.pcss
@@ -23,19 +23,12 @@
ul {
display: flex;
flex-flow: row wrap;
- max-height: 540px;
- writing-mode: vertical-lr; /* workaround for long-living bug https://stackoverflow.com/a/39102894/7113416 */
-
- @screen md {
- max-height: 320px;
- }
li {
display: block;
height: 40px;
line-height: 40px;
min-width: 150px;
- writing-mode: initial; /* workaround revert from above */
}
}
}
--
GitLab