diff options
| author | Patrick H. Lauke <[email protected]> | 2014-12-14 14:31:02 +0000 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2014-12-14 21:27:58 +0000 |
| commit | d5647e1f6277864cb776e4f958a54f6f5c30b6e6 (patch) | |
| tree | b7b32e4717c307a756bf762846ea853ab8155535 /docs | |
| parent | 8be858aac43524f91e8c4bfceea302ff9a67e45d (diff) | |
| download | bootstrap-d5647e1f6277864cb776e4f958a54f6f5c30b6e6.tar.xz bootstrap-d5647e1f6277864cb776e4f958a54f6f5c30b6e6.zip | |
Make skip link look less "bare bones"
Additional markup for the skip link (to ensure it has the same effective
width as the main content, and to provide an outline around just the
link text) plus some basic styles...make it look a bit more in keeping
with the overall look and feel of the docs.
Diffstat (limited to 'docs')
| -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 51191dc5e..ea69962ee 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 9b1eee6ed..15a78adee 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 4cc1fa843..4f63b33cd 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. |