diff options
-rw-r--r-- | docs/_layouts/default.html | 2 | ||||
-rw-r--r-- | docs/_layouts/home.html | 2 | ||||
-rw-r--r-- | docs/assets/css/src/docs.css | 20 |
3 files changed, 22 insertions, 2 deletions
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 51191dc5eb..ea69962ee3 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -5,7 +5,7 @@ {% include header.html %} </head> <body> - <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a> + <a id="skippy" class="sr-only sr-only-focusable" href="#content"><div class="container"><span class="skiplink-text">Skip to main content</span></div></a> <!-- Docs master nav --> {% include nav/main.html %} diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html index 9b1eee6ed3..15a78adee7 100644 --- a/docs/_layouts/home.html +++ b/docs/_layouts/home.html @@ -5,7 +5,7 @@ {% include header.html %} </head> <body class="bs-docs-home"> - <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a> + <a id="skippy" class="sr-only sr-only-focusable" href="#content"><div class="container"><span class="skiplink-text">Skip to main content</span></div></a> <!-- Docs master nav --> {% include nav/main.html %} diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css index 4cc1fa843a..4f63b33cd8 100644 --- a/docs/assets/css/src/docs.css +++ b/docs/assets/css/src/docs.css @@ -90,6 +90,26 @@ body { /* + * Fancy skip link + * + * Make it look a bit less "bare bones" + */ + +#skippy { + display: block; + padding: 1em; + color: #fff; + background-color: #6F5499; + outline: 0; +} + +#skippy .skiplink-text { + padding: 0.5em; + outline: 1px dotted; +} + + +/* * Main navigation * * Turn the `.navbar` at the top of the docs purple. |