Aloha

lib/_helper-inline.scss

@@ -0,0 +1,47 @@
+/*
+ * Author: Sivan [sun.sivan@gmail.com]
+ * Description: define inline helper classes.
+ */
+@import "variables";
+
+@mixin hetiInlineHelperClasses {
+  // 标题内锚点
+  #{$root-selector}-anchor {
+    position: absolute;
+    left: -1em;
+    width: 1em;
+    font-family: $font-family-hei;
+    font-weight: 400;
+    line-height: inherit;
+    text-align: center;
+    opacity: 0;
+    transition: opacity 0.2s linear;
+
+    &:hover {
+      text-decoration: none;
+      border-block-end: 0;
+    }
+
+    @at-root {
+      #{$root-selector} {
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+          position: relative;
+
+          &:hover #{$root-selector}-anchor {
+            opacity: 1;
+          }
+        }
+      }
+    }
+  }
+
+  // @todo: 用于标点悬挂用的样式
+  #{$root-selector}-hang {
+    @include hang();
+  }
+}