Merge pull request #631 from XAMPPRocky/master

Make the blogs highlight style inline with the website

Author: Manishearth

src/styles/app.scss

@@ -300,10 +300,19 @@ header h1 {
 
 
 .highlight {
-  height: 30px;
+  height: 12px;
   position: relative;
-  top: -30px;
+  top: 0;
   left: -10px;
   width: 120%;
   max-width: 90vw;
+  border-radius: 2px;
 }
+
+@media screen and (max-width: 769px) {
+  .highlight {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+}
+

templates/post.hbs

@@ -3,7 +3,7 @@
   <div class="w-100 mw-none ph3 mw8-m mw8-l center f3">
     <header>
       <h2>{{ post.title }}</h2>
-      <div class="highlight"></div>
+      <div class="highlight mt2 mb3"></div>
     </header>
 
     <div class="publish-date-author">{{month_name post.month}} {{post.day}}, {{post.year}} &middot; {{post.author}}