Add anchors to link to on same page

2019-11-27 10:41:31 +01:00
parent e4fa998a29
commit 0b545255e2
3 changed files with 17 additions and 0 deletions
@@ -71,6 +71,18 @@ b, strong {

 a {
    color: inherit;
+
+    &.anchor {
+        display: block;
+        height: 0;
+        padding-top: $header-height-mobile;
+        margin-top: -$header-height-mobile;
+
+        @include mq($from: tablet) {
+            padding-top: $header-height-desktop;
+            margin-top: -$header-height-desktop;
+        }
+    }
 }

 ul {
@@ -15,3 +15,7 @@ $content-width-max: 1280px;

 // Default padding
 $padding-default: 16px;
+
+// Header height
+$header-height-mobile: 100px;
+$header-height-desktop: 160px;
@@ -1 +1,2 @@
+<a class="anchor" id="c{data.uid}"></a>
 <f:render section="Main" optional="true"/>