fix: mobile-toc target offset

pogor-dev · Aug 20, 2019 · f64c499 · f64c499
1 parent 36a9b75
commit f64c499
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/assets/css/_core/_media.scss b/assets/css/_core/_media.scss
@@ -131,6 +131,15 @@
   .post-warp {
     padding-top: 6em;
 
+    .post-content {
+      a.post-title-target:target {
+        display: block;
+        position: relative;
+        top: -60px;
+        visibility: hidden;
+      }
+    }
+
     .categories-card {
       .card-item {
         width: 95%;

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
@@ -77,6 +77,9 @@ <h2 class="post-toc-title">{{ T "toc" }}</h2>
             {{ $REin = `\[(.+?)\]\^\((.+?)\)` }}
             {{ $REout = `<strong><ruby>$1<rt>$2</rt></ruby></strong>` }}
             {{ $content = replaceRE $REin $REout $content }}
+            {{ $REin = `<(h[23456]) (id=".+?")>` }}
+            {{ $REout = `<a class="post-title-target" $2></a><$1>` }}
+            {{ $content = replaceRE $REin $REout $content }}
             {{ $content | safeHTML }}
         </div>