ybbond

commit 34799dff4e6a88f139b9236cd8141d018640a9e1
parent c1634eff2f0e6aedf714862e9328d5d570b2e690
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Fri,  1 May 2020 21:49:44 +0700

refactor: indentations of components

Diffstat:
M
assets/content.scss
 | 
4
+++-
M
assets/styles.scss
 | 
32
++++++++++++--------------------
M
layouts/index.html
 | 
2
+-

diff --git a/assets/content.scss b/assets/content.scss
@@ -84,7 +84,9 @@
   &__title {
     margin: 0;
   }
-  padding: 0 0.7em;
+  @media (min-width: 600px) {
+    padding: 0 0.7em;
+  }
   margin-bottom: 2em;
   @media (max-width: 599px) {
     &__title {
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -22,7 +22,7 @@ body {
 }
 
 hr {
-  margin: 40px auto !important;
+  margin: 40px auto;
 }
 
 @media (max-width: 599px) {
@@ -64,19 +64,14 @@ a {
       color: themed('color-text');
     }
   }
+  &:hover {
+    @include themify($themes) {
+      background-color: themed('color-background-hover');
+    }
+  }
   &.button {
     display: inline-block;     
-    position: relative;    
-    z-index: 1;     
     padding: 0.3em 0.7em;
-    &:hover {
-      @include themify($themes) {
-        background-color: themed('color-background-hover');
-      }
-    }
-    &:first-child:not(.header__menu__list__item .listing_post) {
-      margin-left: -0.5em;
-    }
   }
   &.full-width {
     width: calc(100% - 1.4em);
@@ -107,7 +102,11 @@ time {
 
 .listing {
   &__post {
-    padding-bottom: 1.3em !important;
+    display: inline-block;
+    padding: 0.3em 0.7em 1.3em 0.7em;
+    @media (max-width: 600px) {
+      padding: 0.3em 0 1.3em 0;
+    }
     &__title {
       margin-top: 0.7em;
       margin-bottom: 0;
@@ -181,13 +180,6 @@ time {
   }
 }
 
-.summary {
-  &:not(&:first-child)
-  &__links {
-    padding-left: 2em;
-  }
-}
-
 .pagination {
   border-top: dashed 2px;
   border-bottom: dashed 2px;
@@ -221,7 +213,7 @@ time {
 
 .footer {
   &__separator {
-    margin: 40px auto 20px !important;
+    margin: 40px auto 20px;
   }
   &__nav {
     display: flex;
diff --git a/layouts/index.html b/layouts/index.html
@@ -11,7 +11,7 @@
   <a href={{ $postURL }}><h2>Blog Posts:</h2></a>
   <div href={{ $postURL }} class="listing">
     {{ range first 5 (where .Site.RegularPages "Section" "posts") }}
-      <a href={{ .Permalink }} class="button full-width listing__post">
+      <a href={{ .Permalink }} class="area full-width listing__post">
         <h3 class="listing__post__title">
           {{ .Title }}
         </h3>