From ba4ab5cc8b7c3090803ce538a3cdf0d28f05241b Mon Sep 17 00:00:00 2001 From: Heydon Pickering Date: Sat, 1 Jul 2017 12:20:18 +0100 Subject: [PATCH] skip link --- public/css/styles.css | 55 ++++++++++++++++++- public/index.html | 30 +++++----- public/js/dom-scripts.js | 30 ++++++---- public/patterns/code/code-blocks/index.html | 30 +++++----- .../code/codepen-embedding/index.html | 30 +++++----- public/patterns/code/index.html | 30 +++++----- .../code/writing-inline-demos/index.html | 30 +++++----- public/patterns/index.html | 30 +++++----- public/patterns/installation/index.html | 32 +++++------ public/patterns/library-setup/index.html | 30 +++++----- public/patterns/serving/index.html | 30 +++++----- .../writing/expandable-sections/index.html | 30 +++++----- .../writing/including-images/index.html | 30 +++++----- public/patterns/writing/index.html | 30 +++++----- .../writing/library-structure/index.html | 30 +++++----- .../writing/markdown-and-metadata/index.html | 30 +++++----- .../writing/notes-and-warnings/index.html | 30 +++++----- public/patterns/writing/references/index.html | 30 +++++----- themes/infusion/layouts/_default/baseof.html | 1 + themes/infusion/static/css/styles.css | 21 +++++++ 20 files changed, 320 insertions(+), 269 deletions(-) diff --git a/public/css/styles.css b/public/css/styles.css index 93679de..0249d74 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -53,7 +53,7 @@ figure p img { :focus:not([tabindex="-1"]), [data-expands]:focus svg, -.patterns a:focus span { +.patterns a:focus .text { outline: 3px solid #ccc; outline-offset: 2px; } @@ -148,9 +148,13 @@ main ul ul { /* Buttons */ button { - font-size: inherit; + font-size: 1.25rem; font-family: inherit; font-weight: inherit; + background: #111; + color: #fff; + padding: 0.75rem; + border: 0; } /* Tables */ @@ -210,6 +214,9 @@ th:empty { .library-desc { font-style: italic; margin-top: 0.25rem; + margin-left: auto; + margin-right: auto; + max-width: 30rem; } .main-and-footer { @@ -279,6 +286,19 @@ th:empty { text-decoration-skip: ink; } +/* menu button */ + +#menu-button { + display: none; + width: 100%; + text-align: center; +} + +#menu-button:focus { + outline: none; + box-shadow: inset 0 0 0 0.25rem #ccc; +} + /* Pattern lists */ .patterns-list { @@ -629,10 +649,41 @@ a .balloon { .patterns h3 { font-size: 1.125rem; + border-top: 4px solid; + border-bottom: 4px solid; + padding: 0.75rem 0; + } + + .patterns ul ul { + margin: 0; + } + + .patterns li { + margin-top: 0; } .pattern { font-size: 1rem; } + .pattern a { + padding: 0.75rem 0; + } + + .pattern + .pattern { + border-top: 1px solid; + } + + #menu-button { + display: block; + } + + #patterns-list { + display: none; + } + + [aria-expanded="true"] + #patterns-list { + display: block; + } + } diff --git a/public/index.html b/public/index.html index 12d0b64..5af66d5 100644 --- a/public/index.html +++ b/public/index.html @@ -63,33 +63,31 @@

Documentation for the Infusion pattern library builder. This documentation is constructed using the builder itself.