[WIP] footer

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>

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 */
     }
   }
 }