From ef84593ecb4dd20bfbbc4a654b6fc61b4aa7edcb Mon Sep 17 00:00:00 2001 From: Heydon Pickering Date: Sun, 2 Jul 2017 13:26:10 +0100 Subject: [PATCH] color palettes shortcode and pattern --- public/css/styles.css | 9 +++-- public/index.html | 24 ++++++------- public/patterns/code/code-blocks/index.html | 24 ++++++------- .../code/codepen-embedding/index.html | 24 ++++++------- public/patterns/code/index.html | 24 ++++++------- .../code/writing-inline-demos/index.html | 24 ++++++------- public/patterns/index.html | 24 ++++++------- public/patterns/installation/index.html | 24 ++++++------- public/patterns/library-setup/index.html | 24 ++++++------- public/patterns/serving/index.html | 24 ++++++------- .../writing/expandable-sections/index.html | 24 ++++++------- .../writing/including-images/index.html | 24 ++++++------- public/patterns/writing/index.html | 24 ++++++------- .../writing/library-structure/index.html | 24 ++++++------- .../writing/markdown-and-metadata/index.html | 24 ++++++------- .../writing/notes-and-warnings/index.html | 24 ++++++------- public/patterns/writing/references/index.html | 36 +++++++++---------- .../infusion/layouts/shortcodes/pattern.html | 4 ++- themes/infusion/static/css/styles.css | 27 ++++++++++++++ 19 files changed, 235 insertions(+), 201 deletions(-) diff --git a/public/css/styles.css b/public/css/styles.css index 1ee7175..ad78506 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -620,12 +620,17 @@ a svg { margin-right: 0.125rem; } -a .bookmark { +a .bookmark-icon { width: 0.75em; } -a .balloon { +a .balloon-icon { height: 1.125em; + width: 0.85em; +} + +a .wcag-icon { + width: 1.5em; } /* cross references */ diff --git a/public/index.html b/public/index.html index 4e75223..fb0ee04 100644 --- a/public/index.html +++ b/public/index.html @@ -71,21 +71,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -97,42 +97,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -146,21 +146,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/code/code-blocks/index.html b/public/patterns/code/code-blocks/index.html index bc647e6..b0d7ba8 100644 --- a/public/patterns/code/code-blocks/index.html +++ b/public/patterns/code/code-blocks/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/code/codepen-embedding/index.html b/public/patterns/code/codepen-embedding/index.html index a7b3a8d..1b47406 100644 --- a/public/patterns/code/codepen-embedding/index.html +++ b/public/patterns/code/codepen-embedding/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/code/index.html b/public/patterns/code/index.html index 0c246d7..81e04f0 100644 --- a/public/patterns/code/index.html +++ b/public/patterns/code/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/code/writing-inline-demos/index.html b/public/patterns/code/writing-inline-demos/index.html index f1ef758..dc7de8a 100644 --- a/public/patterns/code/writing-inline-demos/index.html +++ b/public/patterns/code/writing-inline-demos/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/index.html b/public/patterns/index.html index 6e1ce25..663ff00 100644 --- a/public/patterns/index.html +++ b/public/patterns/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/installation/index.html b/public/patterns/installation/index.html index 5f08d3b..ea588ef 100644 --- a/public/patterns/installation/index.html +++ b/public/patterns/installation/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/library-setup/index.html b/public/patterns/library-setup/index.html index 35cb66c..904f8dd 100644 --- a/public/patterns/library-setup/index.html +++ b/public/patterns/library-setup/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/serving/index.html b/public/patterns/serving/index.html index 7861a60..8fa47d2 100644 --- a/public/patterns/serving/index.html +++ b/public/patterns/serving/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/expandable-sections/index.html b/public/patterns/writing/expandable-sections/index.html index 04ed213..6055e40 100644 --- a/public/patterns/writing/expandable-sections/index.html +++ b/public/patterns/writing/expandable-sections/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/including-images/index.html b/public/patterns/writing/including-images/index.html index 748f3f4..bccc830 100644 --- a/public/patterns/writing/including-images/index.html +++ b/public/patterns/writing/including-images/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/index.html b/public/patterns/writing/index.html index cf905ab..685bec2 100644 --- a/public/patterns/writing/index.html +++ b/public/patterns/writing/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/library-structure/index.html b/public/patterns/writing/library-structure/index.html index 60741dc..d7e539d 100644 --- a/public/patterns/writing/library-structure/index.html +++ b/public/patterns/writing/library-structure/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/markdown-and-metadata/index.html b/public/patterns/writing/markdown-and-metadata/index.html index 9b8f364..533cd3b 100644 --- a/public/patterns/writing/markdown-and-metadata/index.html +++ b/public/patterns/writing/markdown-and-metadata/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/notes-and-warnings/index.html b/public/patterns/writing/notes-and-warnings/index.html index 4cc0106..cab0da3 100644 --- a/public/patterns/writing/notes-and-warnings/index.html +++ b/public/patterns/writing/notes-and-warnings/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • diff --git a/public/patterns/writing/references/index.html b/public/patterns/writing/references/index.html index c6866e2..a4f104c 100644 --- a/public/patterns/writing/references/index.html +++ b/public/patterns/writing/references/index.html @@ -70,21 +70,21 @@
  • - + Installation
  • - + Library setup
  • - + Serving
    • @@ -96,42 +96,42 @@
  • - + Library structure
  • - + Markdown & metadata
  • - + Expandable sections
  • - + Including images
  • - + Notes & warnings
  • - + References
    • @@ -145,21 +145,21 @@
  • - + Code blocks
  • - + CodePen embedding
  • - + Writing inline demos
    • @@ -306,7 +306,7 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.
  • - + 2.1.1 Keyboard (level A) @@ -390,7 +390,7 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.
  • - + 4.1.2 Name, Role, Value (level A) @@ -463,7 +463,7 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.
  • - + 2.1.1 Keyboard (level A): @@ -550,7 +550,7 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.
  • - + 4.1.2 Name, Role, Value (level A): @@ -588,7 +588,7 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.
  • - + Be consistent : @@ -609,7 +609,7 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.
  • - + Add value : diff --git a/themes/infusion/layouts/shortcodes/pattern.html b/themes/infusion/layouts/shortcodes/pattern.html index cd8dfed..205884a 100644 --- a/themes/infusion/layouts/shortcodes/pattern.html +++ b/themes/infusion/layouts/shortcodes/pattern.html @@ -2,6 +2,8 @@ {{ range .Site.Pages }} {{ if eq .Title $title }} - {{ .Title }} + + {{- .Title -}} + {{ end }} {{ end }} diff --git a/themes/infusion/static/css/styles.css b/themes/infusion/static/css/styles.css index ad78506..1a1ccd0 100644 --- a/themes/infusion/static/css/styles.css +++ b/themes/infusion/static/css/styles.css @@ -633,6 +633,33 @@ a .wcag-icon { width: 1.5em; } +/* color palettes */ + +.colors { + display: flex; + height: 5rem; + margin: -0.25rem; + list-style: none; + flex-wrap: nowrap; +} + +.colors li { + margin: 0.25rem; + flex: 1 0 auto; + position: relative; +} + +.colors span { + line-height: 1; + background-color: #111; + color: #fff; + font-size: 0.75rem; + padding: 0.25rem; + position: absolute; + bottom: 0.25rem; + right: 0.25rem; +} + /* cross references */ .pattern-link {