removed hr, added a line underneath to seperate the li

mbacalan · Nov 19, 2019 · 9a0f9f0 · 9a0f9f0
1 parent d03bfa6
commit 9a0f9f0
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/pages/commands.vue b/pages/commands.vue
@@ -36,7 +36,6 @@
       </ul>
     </div>
     <!-- Wrapper -->
-    <hr>
     <h3 class="titles">Notifiers</h3>
     <hr>
     <div class="wrapper">
@@ -121,6 +120,21 @@ h3.button {
   margin-bottom: 1rem;
 }
 
+li {
+  position: relative;
+
+  &:after {
+    content: "";
+    position: absolute;
+    bottom: -2px;
+    height: 2px;
+    width: 180px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: darken($primaryColor, 5);
+  }
+}
+
 h3 {
   border: 1px solid transparent;
   font-family: "Raleway", sans-serif;