Refactor dividing lines into a class "divider" that adds a border-top…

… to the element Signed-off-by: oyvn <[email protected]>
samarsault · Sep 25, 2020 · 444aaa1 · 444aaa1
1 parent 596f36e
commit 444aaa1
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -151,7 +151,7 @@ <h2 id="title">
     <section class="content">
       {{ content }}
     </section>
-    <footer class="{{condensed_class}}">
+    <footer class="{{condensed_class}} divider">
       {{ footer }}
     </footer>
   </main>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -23,6 +23,8 @@ <h1 id="posts-label">posts</h1>
       {% endif %}
     </li>
 
+    <hr class="post-list divider" />
+
     {%- for post in site.posts -%}
       <li>
         {%- assign date_format = site.plainwhite.date_format | default: "%b %-d, %Y" -%}

diff --git a/_sass/dark.scss b/_sass/dark.scss
@@ -4,7 +4,7 @@
 	$dark_link_color: #4da3ff;
 	background-color: #171717;
 	color: $dark_text_color;
-	border-color: #e6e6e6;
+	border-color: #272727;
 
 	.about{
 		img.light {
@@ -24,7 +24,6 @@
 
 	#posts-label {
 		color: $dark_text_color;
-		border-bottom: 1px solid #272727;
 	}
 
 	@import 'ext/solarized-dark';
@@ -61,8 +60,6 @@
 	}
 
 	.posts-labelgroup {
-
-		border-bottom: 1px solid #333;
 		.search-results {
 			background-color: #333;
 

diff --git a/_sass/plain.scss b/_sass/plain.scss
@@ -12,6 +12,7 @@ $leftWidth: 220px;
 *:before,
 *:after {
   box-sizing: border-box;
+  border-color: #ececec;
 }
 
 body {
@@ -268,10 +269,13 @@ main {
   }
 }
 .posts-labelgroup {
-  margin: 0 0 0.67em 0;
+  margin: 0;
   display: flex;
   align-items: baseline;
-  border-bottom: 1px solid #eee;
+}
+
+.post-list {
+  padding: 0.67em 0 0 0;
 }
 
 #posts-label {
@@ -331,6 +335,10 @@ footer {
     @media screen and (max-width: $smallMobileW){
       margin: 0 20px;
     }
-    border-top: 1px solid #eee;
   }
 }
+
+.divider {
+  border-width: 1px 0 0 0;
+  border-top-style: solid;
+}