Adjust style to be a little more "responsive"
authorJoerg Jaspert <joerg@debian.org>
Sun, 28 Feb 2016 21:04:05 +0000 (22:04 +0100)
committerJoerg Jaspert <joerg@debian.org>
Sun, 6 Mar 2016 13:29:58 +0000 (14:29 +0100)
_scss/base.scss

index 36eddf0..ba4f492 100644 (file)
@@ -26,6 +26,7 @@ $breakpoints: (
     'phone': 22.5001em,
     'tablet': 50.001em,
     'desktop': 80.001em,
+    'widescreen': 87.5001em,
 ) !default;
 
 @import "_include-media";
@@ -324,11 +325,7 @@ acronym, abbr {
 #footer {
     width: 75vw;
     margin: 3.125em auto 1.25em  auto;
-    padding-top: 0.625e;
-    border: {
-        top: 0.062em solid $base02;
-        color: $base02;
-    }
+    text-align: center;
     @include media('all', '<tablet' ) {
         width: 100vw;
     }
@@ -364,6 +361,13 @@ acronym, abbr {
             top: auto;
         }
     }
+
+    @include media('all', '>widescreen') {
+        margin: {
+            left: auto;
+            right: auto;
+        }
+    }
 }
 
 #sidebar {
@@ -407,6 +411,9 @@ acronym, abbr {
             margin-bottom: 15px;
         }
     }
+    @include media('all', '>widescreen') {
+        left: auto;
+    }
 }
 
 /*** Posts ***/