adjust post list media queries

Kikobeats · Oct 28, 2015 · 58fa32d · 58fa32d
1 parent 570d08c
commit 58fa32d
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 19 deletions.
diff --git a/assets/scss/components/_media-queries.scss b/assets/scss/components/_media-queries.scss
@@ -17,6 +17,7 @@
 @media all and (max-width:1024px) {
   /* disabling element, too much information*/
   .pace,
+  span.post.tags,
   .post.reading-time,
   .post.related {
     display: none;
@@ -121,6 +122,13 @@
       }
     }
   }
+
+  #posts-list > li {
+    > time {
+      padding: 0 0 0 4rem;
+    }
+  }
+
   main {
     left: 0;
 
@@ -136,6 +144,14 @@
 // ------------------------------
 
 @media all and (max-width:480px) {
+
+  .post .tags,
+  .post .meta > time,
+  .pagination > span {
+    display: none;
+  }
+
+
   .btn {
     display: block;
     margin-bottom: .4em;
@@ -167,14 +183,17 @@
   #panic-button {
     margin-bottom: 1rem;
   }
-  #post-title {
-    margin: 2.5rem 0;
+
+  #posts-list > li {
+    margin-bottom: 2.5rem;
+    > time {
+      padding: 0 0 25px 25px;
+      letter-spacing: 1px;
+    }
   }
 
-  .post .tags,
-  .post .meta > time,
-  .pagination > span {
-    display: none;
+  #post-title {
+    margin: 2.5rem 0;
   }
 
   .post {

diff --git a/assets/scss/modules/_utils.scss b/assets/scss/modules/_utils.scss
@@ -1,19 +1,8 @@
 %dotted-link {
-  padding: 3px;
+  border-bottom: 1px dashed $primary-color;
+  line-height: 25px;
   transition: all .5s;
 
-  &::after {
-    position: absolute;
-    bottom: 0px;
-    left: 0;
-
-    width: 100%;
-    height: 0;
-
-    content: "";
-
-    border-bottom: 1px dashed $primary-color;
-  }
   &:hover {
     color: $white;
     border-color: $hover-color;