render-heading with Anchor

1 files changed, 32 insertions, 1 deletions

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index f5df763..9eff6c8 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -4,7 +4,6 @@
 @import "_side-catalog.scss";
 @import "_search.scss";
 
-
 // Global Components
 
 body {
@@ -272,6 +271,38 @@ samp {
     position: absolute;
     text-decoration: none !important;
   }
+
+  .anchorjs-link {
+    font-family: serif;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    padding-left: 0.375em;
+    font-size: 0.9em;
+    margin-top: 0.1em;
+    opacity: 0;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+    /* Support for IE. */
+    font-feature-settings: "liga";
+
+    &:hover,
+    &:focus {
+      opacity: 1;
+    }
+    &:after {
+      content: "¶";
+    }
+  }
+
+  @media all and (min-width: 800px) {
+    .anchorjs-link {
+      position: absolute;
+      left: -0.75em;
+    }
+  }
 }
 
 // Navigation