refactor: Changing the size and color of the text of posts

allythy · Jan 23, 2022 · 6149032 · 6149032
1 parent d7d585b
commit 6149032
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -25,7 +25,7 @@ <h2 class="subtitle-blog is-size-6-touch has-text-centered is-inline-flex">
   <div class="section has-background-black">
     <div class="container">
       <div class="columns is-centered">
-        <div class="column post has-text-light">
+        <div class="column post text-light">
           {{ content }}
         </div>
       </div>

diff --git a/_sass/blog/_post.scss b/_sass/blog/_post.scss
@@ -1,26 +1,38 @@
 .post{
     max-width: 680px;
-    h1, h2, h3, h4, 
-    h5, h6, hr, legend, li, 
-    ol, p, pre, textarea, ul{
+    h1, h2, h3, h4,
+    h5, h6, hr, legend,
+    ol, p, pre, textarea{
         font-size: revert;
         font-weight: revert;
         margin-top: 20px;
-        margin-bottom: 20px;
+        // margin-bottom: 20px;
     }
     p{
         font-size: 22px;
     }
     ul{
         list-style: disc;
         padding-left: 40px;
+        margin-top: 1rem;
+        li {
+            padding-bottom: 0.3rem;
+
+        }
+    }
+    h2{
+        font-size: 2rem;
     }
     blockquote{
         color: #808080;
         font-style: italic;
         padding: 10px 20px;
-        margin: 0 0 20px;
+        margin: 20px 0 20px;
         font-size: 17.5px;
         border-left: 5px solid #c6c6c6;
     }
 }
+
+.text-light{
+    color: #e0e0e0;
+}