diff options
| -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"; |