adjust breadcrumbs on mobile

Kikobeats · Nov 12, 2015 · 673d0af · 673d0af
1 parent b77b378
commit 673d0af
Showing 1 changed file with 9 additions and 16 deletions.
diff --git a/assets/scss/components/_media-queries.scss b/assets/scss/components/_media-queries.scss
@@ -151,14 +151,15 @@
     display: none;
   }
 
+  main {
+    padding: 1rem 0;
+  }
 
   .btn {
     display: block;
     margin-bottom: .4em;
   }
-  main {
-    padding: 1rem 0;
-  }
+
   .mayday {
     width: auto;
     > h2 {
@@ -184,6 +185,11 @@
     margin-bottom: 1rem;
   }
 
+  .posts.newer,
+  .posts.older {
+    margin: 1rem 0;
+  }
+
   #posts-list > li {
     margin-bottom: 2.5rem;
     > time {
@@ -196,19 +202,6 @@
     margin: 2.5rem 0;
   }
 
-  .post {
-    &.newer,
-    &.older {
-      padding: 1rem;
-    }
-    &.newer {
-      margin: 0 0 1.2rem;
-    }
-    &.older {
-      margin: 0 0 10px;
-    }
-  }
-
   blockquote {
     > p {
       margin: 2rem -1rem;