diff options
| author | Patrick H. Lauke <[email protected]> | 2023-01-21 22:55:38 +0000 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2023-02-14 08:53:25 -0800 |
| commit | d0fece932072872eb0e6aa688849f80465cfe6b6 (patch) | |
| tree | 56bf1269bed88fbc8f00d6cbf361923e1e3bfc40 | |
| parent | 30e8d139fe0ba5d13692cd6e43ff734489ac4298 (diff) | |
| download | bootstrap-d0fece932072872eb0e6aa688849f80465cfe6b6.tar.xz bootstrap-d0fece932072872eb0e6aa688849f80465cfe6b6.zip | |
Docs: add scroll-margin-top for keyboard navigation
| -rw-r--r-- | site/assets/scss/_scrolling.scss | 5 | ||||
| -rw-r--r-- | site/assets/scss/docs.scss | 1 |
2 files changed, 6 insertions, 0 deletions
diff --git a/site/assets/scss/_scrolling.scss b/site/assets/scss/_scrolling.scss new file mode 100644 index 000000000..dcd9f3d39 --- /dev/null +++ b/site/assets/scss/_scrolling.scss @@ -0,0 +1,5 @@ +// When navigating with the keyboard, prevent focus from landing behind the sticky header + +main *:focus { + scroll-margin-top: 100px; +} diff --git a/site/assets/scss/docs.scss b/site/assets/scss/docs.scss index 9d71147a8..fb85262e7 100644 --- a/site/assets/scss/docs.scss +++ b/site/assets/scss/docs.scss @@ -52,6 +52,7 @@ $enable-cssgrid: true; // stylelint-disable-line scss/dollar-variable-default @import "colors"; @import "clipboard-js"; @import "placeholder-img"; +@import "scrolling"; // Load docs dependencies @import "syntax"; |