Make header & footer components look like Notify

Notify has 4 columns of links in the footer and its header navigation aligns to the right on desktop.
2026-09-11 10:28:41 -04:00 · 2019-11-25 11:43:30 +00:00
parent 5ce63851e6
commit a2367bcab8
3 changed files with 27 additions and 0 deletions
@@ -0,0 +1,9 @@
+// Extends footer column styles to allow 4 columns
+@include mq ($from: desktop) {
+  .govuk-footer__list--columns-4 {
+    // TODO: Move support for legacy properties to something like Post-CSS's auto-prefixer
+    -webkit-column-count: 4;
+    -moz-column-count: 4;
+    column-count: 4;
+  }
+}