mockup doc contents current item style

cobyism · Jul 4, 2012 · 6e2b3d9 · 6e2b3d9
1 parent ca6ee9a
commit 6e2b3d9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/_includes/docs_contents.html b/_includes/docs_contents.html
@@ -2,7 +2,7 @@
   <aside>
     <h4>Getting Started</h4>
     <ul>
-      <li><a href="">What is Jekyll?</a></li>
+      <li class="current"><a href="">What is Jekyll?</a></li>
       <li><a href="">Installation</a></li>
       <li><a href="">Directory structure</a></li>
     </ul>

diff --git a/css/style.css b/css/style.css
@@ -311,6 +311,19 @@ code .output {
 
 .docs aside li a {
   font-size: 16px;
+  position: relative
+}
+
+.docs aside li.current a:before {
+  content: "";
+  border-color: transparent transparent transparent #444;
+  border-style: solid;
+  border-width: 10px;
+  width: 0;
+  height: 0;
+  position: absolute;
+  top: 0;
+  left: -30px;
 }
 
 /* HTML Elements */