cleanup navigation code

1 files changed, 7 insertions, 11 deletions

diff --git a/src/navigation.less b/src/navigation.less
index b532961..cc48dfc 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -9,7 +9,7 @@
 .breadcrumb {
   padding: 1.2rem;
 
-  li {
+  .breadcrumb-item {
     display: inline-block;
     margin: 0;
 
@@ -41,7 +41,7 @@
   .clearfix();
 
   .tab-item {
-    float: left;
+    display: inline-block;
     margin-bottom: -.1rem;
     margin-right: .2rem;
     padding: .5rem 1.5rem;
@@ -73,7 +73,6 @@
     display: flex;
 
     .tab-item {
-      float: none;
       flex: 1 0 auto;
       text-align: center;
     }
@@ -85,25 +84,22 @@
   padding: 1.2rem;
 
   .page-item {
-    display: inline;
+    display: inline-block;
 
     span {
-      float: left;
       display: inline-block;
-      padding: .5rem .5rem;
+      padding: .6rem .5rem;
     }
     a {
-      float: left;
       display: inline-block;
-      padding: .4rem 1rem;
-      margin: 0 .2rem;
-      border: .1rem solid transparent;
+      padding: .6rem 1.2rem;
+      margin: 0 .1rem;
       border-radius: .3rem;
       text-decoration: none;
 
       &:hover,
       &:focus {
-        border-color: @core-color;
+        background-color: lighten(@core-color, 40%);
       }
     }