feat: support auto dark mode

2020-05-04 23:29:03 +08:00 · 2020-05-04 23:29:03 +08:00 · 47a681d986
commit 47a681d986
parent 6de2d2c98d
18 changed files with 895 additions and 359 deletions
--- a/_site/scss/components/_anchor.scss
+++ b/_site/scss/components/_anchor.scss
@ -0,0 +1,43 @@
+// Author: Sivan [sun.sivan@gmail.com]
+// Description: anchor.
+
+.anchor {
+  margin-inline-start: 0.25em;
+}
+
+@media screen and (min-width: 640px) {
+  .article {
+    .anchor {
+      position: absolute;
+      left: -1em;
+      width: 1em;
+      margin-inline-start: 0;
+      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-weight: 400;
+      line-height: inherit;
+      text-align: center;
+      opacity: 0;
+      transition: opacity 0.2s linear;
+
+      &:hover {
+        text-decoration: none;
+        border: 0;
+      }
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      position: relative;
+
+      &:hover {
+        .anchor {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}