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 {