From 359ab13ea6cf3a421dcad6b1fb41715fba44f9ad Mon Sep 17 00:00:00 2001
From: Jonas Smedegaard <dr@jones.dk>
Date: Thu, 25 Feb 2016 03:57:49 +0100
Subject: Fix style anchor tag itself (and pseudo-anchor too), to have it
 control surrounding space.

---
 test.scss | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'test.scss')

diff --git a/test.scss b/test.scss
index 2cfdbf7..45a5305 100644
--- a/test.scss
+++ b/test.scss
@@ -10,26 +10,30 @@
 //	margin: 3em 0;
 //}
 
-.topbar ul li {
-	display: inline-block;
+.topbar ul {
 	position: relative;
 	top: 1.5em;
-	width: 10em;
-	padding: 1em;
-	margin: 0 0.2em 0;
-	background-color: #6699cc;
-	&:hover {
-		background-color: lightblue;
-	}
 }
 
-.topbar ul li a {
+.topbar ul li a,
+.topbar ul li .selflink {
+	@include inline-block;
+	width: 12em;
+	line-height: 4em;
+	background-color: #6699cc;
 	color: white;
 	&:hover {
+		background-color: lightblue;
 		color: #336699;
 	}
 }
 
+// FIXME: change topbar inline-block-list padding instead
+.topbar ul li {
+	padding-left: .2em;
+	padding-right: .2em;
+}
+
 #content {
 	width: 96%;
 	max-width: none;
-- 
cgit v1.2.3