Deploying to gh-pages from @ 133572c8d2 🚀

2020-05-04 15:36:57 +00:00 · 2020-05-04 15:36:57 +00:00 · f8996a1fe8
commit f8996a1fe8
parent 2692505e11
11 changed files with 1161 additions and 321 deletions
--- a/scss/components/_anchor.scss
+++ b/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;
+        }
+      }
+    }
+  }
+}