Use compass inline-block-list().

1 files changed, 4 insertions, 11 deletions

diff --git a/style.scss b/style.scss
index 140f756..b80c6ec 100644
--- a/style.scss
+++ b/style.scss
@@ -1,6 +1,7 @@
 @import "partials/base";
 @import "h5bp";
 @import "compass/typography/links";
+@import "compass/typography/lists";
 @import "../shared/themes/default/ikiwiki";
 
 // to make responsive functions and columns possible
@@ -127,14 +128,13 @@ body {
 }
 
 .pageheader .actions {
-	display: inline-block;
 	position: absolute;
 	top: 0;
 	right: 2em;
 	background-color: transparent;
 	ul {
-		border-bottom: 0;
-		padding: 0 0 0 15px;
+		@include inline-block-list;
+		height: 2em; // TODO: figure out if this can be eliminated
 	}
 	a {
 		color: transparent;
@@ -192,14 +192,7 @@ body {
 }
 
 .topbar ul {
-	list-style-type:none;
-	margin: 0;
-	padding: 0;
-}
-
-.topbar ul li {
-	display:inline;
-	margin: 0 20px;
+	@include inline-block-list(20px);
 }
 
 .topbar li,