Refactor Gemini style

source/css/_schemes/Gemini/index.styl

@@ -28,30 +28,35 @@
   background: initial;
   box-shadow: initial;
   padding: initial;
-}
 
-// Post & Comments blocks.
-.post-block {
-  background: var(--content-bg-color);
-  border-radius: $border-radius-inner;
-  box-shadow: $box-shadow-inner;
-  padding: $content-desktop-padding;
+  .sub-menu, .post-block, .comments, .pagination {
+    background: var(--content-bg-color);
+    border-radius: $border-radius-inner;
+    box-shadow: $box-shadow-inner;
 
-  // When blocks are siblings (homepage).
-  & + .post-block {
-    border-radius: $border-radius;
-    // Rewrite shadows & borders because all blocks have offsets.
-    box-shadow: $box-shadow;
-    margin-top: $sidebar-offset;
+    &:not(:first-child):not(.sub-menu) {
+      border-radius: $border-radius;
+      box-shadow: $box-shadow;
+      margin-top: $sidebar-offset;
+
+      +tablet() {
+        margin-top: $content-tablet-padding;
+      }
+
+      +mobile() {
+        margin-top: $content-mobile-padding;
+      }
+    }
   }
 }
 
-// Comments blocks.
-.comments {
-  background: var(--content-bg-color);
-  border-radius: $border-radius;
-  box-shadow: $box-shadow;
-  margin-top: $sidebar-offset;
+// Sub-menu(s).
+.sub-menu {
+  border-bottom: initial;
+}
+
+// Post & Comments blocks.
+.post-block, .comments {
   padding: $content-desktop-padding;
 }
 
@@ -66,34 +71,10 @@
 
 // Pagination.
 .pagination {
-  background: var(--content-bg-color);
-  border-radius: $border-radius;
   border-top: initial;
-  box-shadow: $box-shadow;
-  margin: $sidebar-offset 0 0;
   padding: 10px 0 10px;
 }
 
-// Sub-menu(s).
-.sub-menu {
-  border-bottom: initial;
-  box-shadow: $box-shadow-inner;
-
-  // Adapt submenu(s) with post-blocks.
-  + .post-block {
-    box-shadow: $box-shadow;
-    margin-top: $sidebar-offset;
-
-    +tablet() {
-      margin-top: $content-tablet-padding;
-    }
-
-    +mobile() {
-      margin-top: $content-mobile-padding;
-    }
-  }
-}
-
 // ==================================================
 // Headers.
 // ==================================================
@@ -124,28 +105,15 @@
   }
 
   .post-block {
-    border-radius: $border-radius;
-    // Rewrite shadows & borders because all blocks have offsets.
-    box-shadow: $box-shadow;
     // Inside posts blocks content padding (default 40px).
     padding: ($content-tablet-padding * 2);
   }
 
-  // Only if blocks are siblings need bottom margin (homepage).
-  .post-block + .post-block {
-    margin-top: $content-tablet-padding;
-  }
-
   .comments {
-    margin-top: $content-tablet-padding;
     padding: $content-tablet-padding ($content-tablet-padding * 2);
     // padding: initial;
     // padding-top: $content-tablet-padding;
   }
-
-  .pagination {
-    margin: $content-tablet-padding 0 0;
-  }
 }
 
 // ==================================================
@@ -165,24 +133,11 @@
   }
 
   .post-block {
-    border-radius: $border-radius;
-    // Rewrite shadows & borders because all blocks have offsets.
-    box-shadow: $box-shadow;
     // Inside posts blocks content padding (default 40px).
     padding: $sidebar-offset;
   }
 
-  // Only if blocks are siblings need bottom margin (homepage).
-  .post-block + .post-block {
-    margin-top: $content-mobile-padding;
-  }
-
   .comments {
-    margin-top: $content-mobile-padding;
     padding: 10px $sidebar-offset;
   }
-
-  .pagination {
-    margin: $content-mobile-padding 0 0;
-  }
 }

source/css/_schemes/Pisces/_sub-menu.styl

@@ -1,5 +1,4 @@
 .sub-menu {
-  background: var(--content-bg-color);
   border-bottom: 1px solid $table-border-color;
   margin: 0;
   padding: 6px 0;