Fix styles for responsive footer

2017-04-03 16:56:40 +02:00
parent b5b20584ef
commit 6c2efdd724
5 changed files with 34 additions and 16 deletions
--- a/styles/components/branding.css
+++ b/styles/components/branding.css
@@ -25,4 +25,15 @@
  &.is-hidden {
    opacity: 0;
  }
+
+  @media (--until-sm) {
+    &--footer {
+      display: block;
+      text-align: center;
+    }
+  }
+
+  @media (--until-xl) {
+    margin: 15px 0 0;
+  }
 }