rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-21 13:29:00 +01:00
Code Issues Actions 10 Packages Releases Activity

Use scroll-margin-top instead of pseudo hack

Browse Source
This commit is contained in:
Martijn Cuppens 2020-02-23 16:23:55 +01:00 committed by XhmikosR
parent e45c92f1d5
commit 61b86c1e86
2 changed files with 4 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/assets/js/application.js
View File

@ -167,11 +167,5 @@
}
anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
// Wrap inner
makeArray(document.querySelectorAll('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5'))
.forEach(function (hEl) {
hEl.innerHTML = '<span class="bd-content-title">' + hEl.innerHTML + '</span>'
})
bsCustomFileInput.init()
})()

22
site/assets/scss/_content.scss
View File

@ -5,20 +5,11 @@
.bd-content {
order: 1;
// Hack the sticky header
// stylelint-disable selector-no-qualifying-type
> h2[id],
> h3[id],
> h4[id] {
pointer-events: none;
&::before {
display: block;
height: 6rem;
margin-top: -6rem;
content: "";
// Offset for the sticky header
> * {
@include media-breakpoint-up(md) {
scroll-margin-top: 4rem;
}
// stylelint-enable selector-no-qualifying-type
}
> h2:not(:first-child) {
@ -66,11 +57,6 @@
}
}
.bd-content-title {
display: block;
pointer-events: auto;
}
.bd-title {
@include font-size(3rem);
}