diff options
| author | Gaël Poupard <gael.poupard@orange.com> | 2020-05-26 11:35:43 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2020-07-13 22:36:29 +0300 |
| commit | cb1eee16f0e7a497c459de70169ab828ea5654d6 (patch) | |
| tree | 75646692c794c9b26f2c9c157669564dfc93488a /site/assets/scss | |
| parent | 9e372b121ae929af34f3ed0663f454cdc47f0702 (diff) | |
docs(skippy): prevent skip links from overlapping header
Diffstat (limited to 'site/assets/scss')
| -rw-r--r-- | site/assets/scss/_skippy.scss | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/site/assets/scss/_skippy.scss b/site/assets/scss/_skippy.scss index c573e45484..894db70db4 100644 --- a/site/assets/scss/_skippy.scss +++ b/site/assets/scss/_skippy.scss @@ -1,13 +1,20 @@ +// stylelint-disable declaration-no-important + .skippy { - position: fixed; - top: .5rem; - left: .5rem; - z-index: $zindex-fixed; - padding: .5rem; - color: $white; background-color: $bd-purple; - &:hover { + a { color: $white; } + + &:focus-within a { + position: static !important; + width: auto !important; + height: auto !important; + padding: $spacer / 2 !important; + margin: $spacer / 4 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; + } } |