From dea68fce56f5ccde2e61e09b26a0aa3a691ee173 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 10 Dec 2013 00:32:54 +0100
Subject: [PATCH] link style tweaks

---
 _src/assets/less/buttons.less    |  4 ++++
 _src/assets/less/content.less    | 15 +++++++++++++--
 _src/assets/less/icons.less      | 28 ++++++++++++----------------
 _src/assets/less/navigation.less | 20 +++++++++++++++-----
 _src/assets/less/typography.less |  4 ++++
 5 files changed, 48 insertions(+), 23 deletions(-)

diff --git a/_src/assets/less/buttons.less b/_src/assets/less/buttons.less
index 07e3448a..848e052c 100644
--- a/_src/assets/less/buttons.less
+++ b/_src/assets/less/buttons.less
@@ -81,6 +81,10 @@ a.btn-primary:visited {
 	&:hover {
 		background: none;
 	}
+    &:active { 
+        background: @link-color;
+        .box-shadow(none);
+    }
 }
 
 .btn-block {
diff --git a/_src/assets/less/content.less b/_src/assets/less/content.less
index 7cb9a688..dd7bc3ca 100644
--- a/_src/assets/less/content.less
+++ b/_src/assets/less/content.less
@@ -6,9 +6,9 @@
     margin-bottom: @line-height-computed/2;
     
     // icons
-    .document &:before {
+    &:before {
         font-size: 32px;
-        color: lighten(@text-color-dimmed, 10%);
+        color: fade(@text-color-dimmed, 70%);
         margin-right: .5em
     }
     
@@ -162,6 +162,17 @@
     &:hover { 
         figure { background: #c4e4df; }
     }
+    &:active {
+        background: transparent;
+        
+        figure { 
+            .transition(none);
+            background: @link-color;
+            
+            &,
+            figcaption { color: #fff }
+        }
+    }
 }
 
 #exif {
diff --git a/_src/assets/less/icons.less b/_src/assets/less/icons.less
index 57c9b349..dfac0832 100644
--- a/_src/assets/less/icons.less
+++ b/_src/assets/less/icons.less
@@ -13,22 +13,18 @@
 	font-style: normal;
 }
 
-.topbar,
-.document,
-.footer {
-    [class*="icon-"]:before {
-		color: @text-color-light;
-		font-size: 20px;
-    	font-family: 'entypo';
-    	speak: none;
-    	font-style: normal;
-    	font-weight: normal;
-    	font-variant: normal;
-    	text-transform: none;
-    	line-height: 1;
-    	-webkit-font-smoothing: antialiased;
-    	-moz-osx-font-smoothing: grayscale;
-    }
+[class*="icon-"]:before {
+	color: @text-color-light;
+	font-size: 20px;
+	font-family: 'entypo';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 }
 
 .btn[class*="icon-"]:before {
diff --git a/_src/assets/less/navigation.less b/_src/assets/less/navigation.less
index f1fdd689..90f9b51c 100644
--- a/_src/assets/less/navigation.less
+++ b/_src/assets/less/navigation.less
@@ -15,9 +15,16 @@
     top: 0;
     
     // icons
-    &:before { .transition; }
+    &:before { 
+        color: @link-color;
+        .transition;
+    }
     &:hover:before {
-        color: @link-color
+        color: @link-color-hover
+    }
+    &:active:before {
+        .transition(none);
+        color: #fff
     }
 }
 .search-btn { right: 50px }
@@ -49,7 +56,9 @@
             float: left;
             text-align: center;
             padding: 1em;
-            color: @text-color-light;
+            .h6;
+            color: @link-color;
+            line-height: @line-height-computed;
             text-transform: uppercase;
             font-size: .8em;
             
@@ -60,13 +69,14 @@
                 text-align: center;
                 font-size: 32px;
                 height: 32px;
-                color: lighten(@text-color-dimmed, 5%);
+                color: fade(@text-color-dimmed, 70%);
                 .transition;
             }
             
             &:hover,
             &:hover:before {
-                color: @link-color
+                color: @link-color;
+                border-bottom-color: @link-color
             }
         }
     }
diff --git a/_src/assets/less/typography.less b/_src/assets/less/typography.less
index bee9c42a..e5ec74ba 100644
--- a/_src/assets/less/typography.less
+++ b/_src/assets/less/typography.less
@@ -73,7 +73,11 @@ h3 a:visited:hover {
 }
 
 a:active {
+    .transition(none);
 	top: 1px;
+    background: @link-color;
+    color: #fff !important;
+    text-shadow: none;
 }
 
 h1 a,