Update Docs anchor

2 files changed, 10 insertions, 22 deletions

diff --git a/docs/src/_mixins.pug b/docs/src/_mixins.pug
index ccbe89e..fa08cf6 100644
--- a/docs/src/_mixins.pug
+++ b/docs/src/_mixins.pug
@@ -11,12 +11,12 @@ mixin docs-accordion(id, name, ...pages)
 mixin docs-heading(id, name)
   .container(id=id)
     h3.s-title
-      a.anchor(href='#'+id aria-hidden='true') #
       | #{name}
+      a.anchor(href='#'+id aria-hidden='true') #
     if block
       block
 
 mixin docs-subheading(id, name)
   h4.s-subtitle(id=id)
-    a.anchor(href='#'+id aria-hidden='true') #
-    | #{name}
\ No newline at end of file
+    | #{name}
+    a.anchor(href='#'+id aria-hidden='true') #
\ No newline at end of file
diff --git a/docs/src/scss/docs.scss b/docs/src/scss/docs.scss
index ae9c28b..fae8152 100644
--- a/docs/src/scss/docs.scss
+++ b/docs/src/scss/docs.scss
@@ -95,20 +95,13 @@
 
   .anchor {
     color: $primary-color-light;
-    height: 0;
-    margin-left: -2em;
-    overflow: hidden;
-    padding: 0 1em;
-    position: absolute;
-    text-align: center;
-    width: 0;
-    z-index: $zindex-1;
+    display: none;
+    margin-left: .2rem;
+    padding: 0 .2rem;
     &:focus,
     &:hover {
-      box-shadow: none;
-      height: auto;
+      display: inline;
       text-decoration: none;
-      width: 2em;
     }
   }
   
@@ -141,8 +134,7 @@
 
     &:hover {
       .anchor {
-        height: auto;
-        width: 1em;
+        display: inline;
       }
     }
 
@@ -550,13 +542,13 @@
 
   .docs-navbar {
     .btn {
-      right: 1rem;
+      right: .9rem;
     }
   }
 
   .grid-hero {
     .docs-brand {
-      left: 1rem;
+      left: .9rem;
     }
   }
 
@@ -576,10 +568,6 @@
     .docs-block {
       padding: $unit-2 $unit-h;
     }
-
-    .anchor {
-      display: none;
-    }
   }
 }