8000 Added general anchor offset solution using scroll-margin-top · squidfunk/mkdocs-material@9a0c3e9 · GitHub
[go: up one dir, main page]

Skip to content

Commit 9a0c3e9

Browse files
committed
Added general anchor offset solution using scroll-margin-top
1 parent 7634369 commit 9a0c3e9

File tree

6 files changed

+18
-6
lines changed

6 files changed

+18
-6
lines changed

material/assets/manifest.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.8caa27b7.min.js.map",
66
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.37585f48.min.js",
77
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.37585f48.min.js.map",
8-
"assets/stylesheets/main.css": "assets/stylesheets/main.f6cf1dc9.min.css",
9-
"assets/stylesheets/main.css.map": "assets/stylesheets/main.f6cf1dc9.min.css.map",
8+
"assets/stylesheets/main.css": "assets/stylesheets/main.90238df2.min.css",
9+
"assets/stylesheets/main.css.map": "assets/stylesheets/main.90238df2.min.css.map",
1010
"assets/stylesheets/palette.css": "assets/stylesheets/palette.85bb4ebe.min.css",
1111
"assets/stylesheets/palette.css.map": "assets/stylesheets/palette.85bb4ebe.min.css.map"
1212
}

material/assets/stylesheets/main.f6cf1dc9.min.css renamed to material/assets/stylesheets/main.90238df2.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

material/assets/stylesheets/main.90238df2.min.css.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

material/assets/stylesheets/main.f6cf1dc9.min.css.map

Lines changed: 0 additions & 1 deletion
This file was deleted.

material/base.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
{% endif %}
4242
{% endblock %}
4343
{% block styles %}
44-
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.f6cf1dc9.min.css' | url }}">
44+
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.90238df2.min.css' | url }}">
4545
{% if palette.primary or palette.accent %}
4646
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.85bb4ebe.min.css' | url }}">
4747
{% endif %}

src/assets/stylesheets/extensions/_permalinks.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,13 @@
7676
color: var(--md-accent-fg-color);
7777
}
7878

79+
// General scroll margin offset for anything that can be targeted. Browser
80+
// support is pretty decent by now, and if we wait until Edge 79+ has more
81+
// adoption, we can get rid of all anchor-correction hacks.
82+
:target {
83+
scroll-margin-top: px2rem(48px + 24px);
84+
}
85+
7986
// Correct anchor offset for link blurring
8087
@each $level, $delta in (
8188
h1 h2 h3: 8px,
@@ -84,6 +91,11 @@
8491
) {
8592
%#{nth($level, 1)} {
8693

94+
// Reset, as we use the anchor-correction hack here.
95+
&:target {
96+
scroll-margin-top: initial;
97+
}
98+
8799
// Un-targeted anchor
88100
&::before {
89101
display: block;

0 commit comments

Comments
 (0)
0