add arrow to active class navbar

pippinlee · Aug 8, 2014 · a026a18 · a026a18
1 parent 9f8dd19
commit a026a18
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/less/navbar.less b/less/navbar.less
@@ -100,6 +100,19 @@
   }
   .nav > li.active > a {
     color: white;
+    &:after {
+      content: "";
+      display: block;
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      width: 0;
+      height: 0;
+      border-left: 10px solid transparent;
+      border-right: 10px solid transparent;
+      border-top: 10px solid #01527d;
+      margin-left: -10px;
+    }
   }
   .nav .open > a,
   .nav .open > a:hover,