From 8bb7a3bdb39794412089f235a8189a504ecacd45 Mon Sep 17 00:00:00 2001
From: Heydon Pickering <heydon@heydonworks.com>
Date: Sat, 12 Aug 2017 09:14:05 +0100
Subject: [PATCH] safari scrollpoint fix

---
 docs/css/styles.css                           |   8 +-
 docs/index.html                               |  50 ++++----
 docs/js/dom-scripts.js                        | 118 ++++++++++++------
 docs/patterns/coding/code-blocks/index.html   |  50 ++++----
 .../patterns/coding/color-palettes/index.html |  50 ++++----
 docs/patterns/coding/command-line/index.html  |  50 ++++----
 .../patterns/coding/demo-embedding/index.html |  50 ++++----
 docs/patterns/coding/file-trees/index.html    |  50 ++++----
 docs/patterns/coding/index.html               |  50 ++++----
 docs/patterns/coding/tested/index.html        |  50 ++++----
 .../coding/writing-inline-demos/index.html    |  50 ++++----
 docs/patterns/index.html                      |  50 ++++----
 docs/patterns/installation/index.html         |  50 ++++----
 docs/patterns/library-setup/index.html        |  50 ++++----
 .../media/including-images/index.html         |  50 ++++----
 .../media/including-videos/index.html         |  50 ++++----
 docs/patterns/media/index.html                |  50 ++++----
 docs/patterns/printing/index.html             |  50 ++++----
 docs/patterns/serving/index.html              |  50 ++++----
 .../writing/expandable-sections/index.html    |  50 ++++----
 docs/patterns/writing/index.html              |  50 ++++----
 .../writing/library-structure/index.html      |  50 ++++----
 .../writing/markdown-and-metadata/index.html  |  50 ++++----
 .../writing/notes-and-warnings/index.html     |  50 ++++----
 docs/patterns/writing/references/index.html   |  50 ++++----
 .../writing/tables-of-contents/index.html     |  50 ++++----
 docs/print-version/index.html                 |  40 +++---
 docs/service-worker.js                        |   2 +-
 docs/tags/markdown/index.html                 |  50 ++++----
 docs/tags/metadata/index.html                 |  50 ++++----
 themes/infusion/layouts/_default/baseof.html  |  10 +-
 themes/infusion/layouts/partials/svg.html     |  40 +++---
 themes/infusion/static/css/styles.css         |   8 +-
 themes/infusion/static/js/dom-scripts.js      | 118 ++++++++++++------
 34 files changed, 917 insertions(+), 727 deletions(-)

diff --git a/docs/css/styles.css b/docs/css/styles.css
index 2120553..9f48d46 100644
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -230,7 +230,7 @@ caption {
     overflow-x: hidden;
 }
 .intro-and-nav {
-    font-size: 0.85rem;
+    font-size: 0.8rem;
     width: 15rem;
     height: 100vh;
     position: fixed;
@@ -258,11 +258,10 @@ caption {
     max-width: 12rem;
 }
 .library-desc {
-    font-style: italic;
     margin-top: 0.5rem;
     margin-left: auto;
     margin-right: auto;
-    max-width: 30rem;
+    max-width: 25rem;
 }
 .main-and-footer {
     margin-left: 15rem;
@@ -318,7 +317,7 @@ caption {
 .pattern [aria-current] {
     background-color: #111;
     background-image: url(images/arrow_effect.svg);
-    background-position: right center;
+    background-position: 98% center;
     background-size: 125%;
     background-repeat: no-repeat;
     color: #fff;
@@ -656,6 +655,7 @@ h1 svg {
 }
 .print {
     white-space: nowrap;
+    font-style: normal;
 }
 .svg-outer {
     width: 0.75em;
diff --git a/docs/index.html b/docs/index.html
index 940eb62..0017d80 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -92,26 +92,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -125,11 +131,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -138,7 +142,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/js/dom-scripts.js b/docs/js/dom-scripts.js
index 5c75af6..d2c83a9 100644
--- a/docs/js/dom-scripts.js
+++ b/docs/js/dom-scripts.js
@@ -1,50 +1,50 @@
 /* expandable sections */
 (function () {
   function toggle (button, target) {
-    var expanded = button.getAttribute('aria-expanded') === 'true'
-    button.setAttribute('aria-expanded', !expanded)
-    target.hidden = !target.hidden
+    var expanded = button.getAttribute('aria-expanded') === 'true';
+    button.setAttribute('aria-expanded', !expanded);
+    target.hidden = !target.hidden;
   }
 
-  var expanders = document.querySelectorAll('[data-expands]')
+  var expanders = document.querySelectorAll('[data-expands]');
 
   Array.prototype.forEach.call(expanders, function (expander) {
-    var target = document.getElementById(expander.getAttribute('data-expands'))
+    var target = document.getElementById(expander.getAttribute('data-expands'));
 
     expander.addEventListener('click', function () {
-      toggle(expander, target)
+      toggle(expander, target);
     })
   })
 }());
 
 /* menu button */
 (function () {
-  var button = document.getElementById('menu-button')
+  var button = document.getElementById('menu-button');
   if (button) {
-    var menu = document.getElementById('patterns-list')
+    var menu = document.getElementById('patterns-list');
     button.addEventListener('click', function() {
-      var expanded = this.getAttribute('aria-expanded') === 'true'
-      this.setAttribute('aria-expanded', !expanded)
+      var expanded = this.getAttribute('aria-expanded') === 'true';
+      this.setAttribute('aria-expanded', !expanded);
     })
   }
 }());
 
 /* persist navigation scroll point */
 (function () {
-  window.onunload = function () {
-    var patternsNav = document.getElementById('patterns-nav')
+  window.onbeforeunload = function () {
+    var patternsNav = document.getElementById('patterns-nav');
     if (patternsNav) {
-      var scrollPoint = patternsNav.scrollTop
-      localStorage.setItem('scrollPoint', scrollPoint)
+      var scrollPoint = patternsNav.scrollTop;
+      localStorage.setItem('scrollPoint', scrollPoint);
     }
   }
 
   window.addEventListener('DOMContentLoaded', function () {
     if (document.getElementById('patterns-nav')) {
       if (window.location.href.indexOf('patterns/') !== -1) {
-        document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'))
+        document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'));
       } else {
-        document.getElementById('patterns-nav').scrollTop = 0
+        document.getElementById('patterns-nav').scrollTop = 0;
       }
     }
   })
@@ -52,27 +52,27 @@
 
 /* Add "link here" links to <h2> headings */
 (function () {
-  var headings = document.querySelectorAll('main > h2')
+  var headings = document.querySelectorAll('main > h2');
 
   Array.prototype.forEach.call(headings, function (heading) {
-    var id = heading.getAttribute('id')
+    var id = heading.getAttribute('id');
 
     if (id) {
-      var newHeading = heading.cloneNode(true)
+      var newHeading = heading.cloneNode(true);
 
-      var container = document.createElement('div')
-      container.setAttribute('class', 'h2-container')
-      container.appendChild(newHeading)
+      var container = document.createElement('div');
+      container.setAttribute('class', 'h2-container');
+      container.appendChild(newHeading);
 
-      heading.parentNode.insertBefore(container, heading)
+      heading.parentNode.insertBefore(container, heading);
 
-      var link = document.createElement('a')
-      link.setAttribute('href', '#' + id)
-      var headingText = heading.textContent
-      link.setAttribute('aria-label', 'To this ' + headingText + ' section')
-      link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>'
+      var link = document.createElement('a');
+      link.setAttribute('href', '#' + id);
+      var headingText = heading.textContent;
+      link.setAttribute('aria-label', 'To this ' + headingText + ' section');
+      link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
 
-      container.appendChild(link)
+      container.appendChild(link);
 
       heading.parentNode.removeChild(heading);
     }
@@ -80,32 +80,70 @@
 }());
 
 
-// SVG scaling fix for IE10-11
+/* SVG scaling fix for IE10-11 */
 (function () {
   if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) {
     // Get all the SVGs on the page except the symbol defs
-    var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg')
+    var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg');
     // ... iterate over SVGs
     Array.prototype.forEach.call(svgs, function(svg) {
       // Set preserveAspectRatio to 'XMidYMin slice'
-      svg.setAttribute('preserveAspectRatio', 'xMidYMin slice')
+      svg.setAttribute('preserveAspectRatio', 'xMidYMin slice');
 
       // Turn the viewBox values into an array
-      var viewBox = svg.getAttribute('viewBox').split(' ')
+      var viewBox = svg.getAttribute('viewBox').split(' ');
 
       // Calculate padding value needed (width/height x 100)
-      var padding = (viewBox[2] / viewBox[3]) * 100
+      var padding = (viewBox[2] / viewBox[3]) * 100;
 
       // Set inline styles
-      svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible')
+      svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible');
 
       // Create span wrapper
-      var span = document.createElement('span')
-      span.setAttribute('class', 'svg-outer')
-      span.style.width = '0.75em'
+      var span = document.createElement('span');
+      span.setAttribute('class', 'svg-outer');
+      span.style.width = '0.75em';
 
-      svg.parentNode.insertBefore(span, svg)
-      span.appendChild(svg)
+      svg.parentNode.insertBefore(span, svg);
+      span.appendChild(svg);
     })
   }
 }());
+
+/* Contrast calculation */
+function hexToRgb(hex) {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : null;
+}
+
+function luminance(r, g, b) {
+  var a = [r, g, b].map(function (v) {
+    v /= 255;
+    return v <= 0.03928
+      ? v / 12.92
+    : Math.pow( (v + 0.055) / 1.055, 2.4 );
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+
+function ratio(hex1, hex2) {
+  var rgb1 = hexToRgb(hex1);
+  var rgb2 = hexToRgb(hex2);
+  var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05;
+  var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05;
+  var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1;
+  var level;
+  if (ratio > 4.5) {
+    level = ratio > 7 ? "AAA" : "AA";
+  } else {
+    level = "Fails";
+  }
+  return {
+    ratio: ratio.toFixed(2)+':1',
+    level: level
+  }
+}
diff --git a/docs/patterns/coding/code-blocks/index.html b/docs/patterns/coding/code-blocks/index.html
index 948ec6f..362360c 100644
--- a/docs/patterns/coding/code-blocks/index.html
+++ b/docs/patterns/coding/code-blocks/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/color-palettes/index.html b/docs/patterns/coding/color-palettes/index.html
index bd5eb91..6bc51cc 100644
--- a/docs/patterns/coding/color-palettes/index.html
+++ b/docs/patterns/coding/color-palettes/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/command-line/index.html b/docs/patterns/coding/command-line/index.html
index bd32bb0..44a218b 100644
--- a/docs/patterns/coding/command-line/index.html
+++ b/docs/patterns/coding/command-line/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/demo-embedding/index.html b/docs/patterns/coding/demo-embedding/index.html
index 59492f7..31066b3 100644
--- a/docs/patterns/coding/demo-embedding/index.html
+++ b/docs/patterns/coding/demo-embedding/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/file-trees/index.html b/docs/patterns/coding/file-trees/index.html
index fff65c9..015bd94 100644
--- a/docs/patterns/coding/file-trees/index.html
+++ b/docs/patterns/coding/file-trees/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/index.html b/docs/patterns/coding/index.html
index 2feb073..e298de8 100644
--- a/docs/patterns/coding/index.html
+++ b/docs/patterns/coding/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/tested/index.html b/docs/patterns/coding/tested/index.html
index 7d68040..ccfd067 100644
--- a/docs/patterns/coding/tested/index.html
+++ b/docs/patterns/coding/tested/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/coding/writing-inline-demos/index.html b/docs/patterns/coding/writing-inline-demos/index.html
index 529eb23..e64ae7c 100644
--- a/docs/patterns/coding/writing-inline-demos/index.html
+++ b/docs/patterns/coding/writing-inline-demos/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/index.html b/docs/patterns/index.html
index b01c252..a549010 100644
--- a/docs/patterns/index.html
+++ b/docs/patterns/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/installation/index.html b/docs/patterns/installation/index.html
index d90f4e6..e427325 100644
--- a/docs/patterns/installation/index.html
+++ b/docs/patterns/installation/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/library-setup/index.html b/docs/patterns/library-setup/index.html
index 6df9771..5525440 100644
--- a/docs/patterns/library-setup/index.html
+++ b/docs/patterns/library-setup/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/media/including-images/index.html b/docs/patterns/media/including-images/index.html
index 14a987f..d0942b6 100644
--- a/docs/patterns/media/including-images/index.html
+++ b/docs/patterns/media/including-images/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/media/including-videos/index.html b/docs/patterns/media/including-videos/index.html
index b3cdcd9..31fd5a2 100644
--- a/docs/patterns/media/including-videos/index.html
+++ b/docs/patterns/media/including-videos/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/media/index.html b/docs/patterns/media/index.html
index 2f479fb..a27b4a1 100644
--- a/docs/patterns/media/index.html
+++ b/docs/patterns/media/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/printing/index.html b/docs/patterns/printing/index.html
index 40dac26..5700a46 100644
--- a/docs/patterns/printing/index.html
+++ b/docs/patterns/printing/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/serving/index.html b/docs/patterns/serving/index.html
index a4f25bd..7669ec7 100644
--- a/docs/patterns/serving/index.html
+++ b/docs/patterns/serving/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/expandable-sections/index.html b/docs/patterns/writing/expandable-sections/index.html
index e1229c0..2250e20 100644
--- a/docs/patterns/writing/expandable-sections/index.html
+++ b/docs/patterns/writing/expandable-sections/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/index.html b/docs/patterns/writing/index.html
index dc2edc1..55e37a4 100644
--- a/docs/patterns/writing/index.html
+++ b/docs/patterns/writing/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/library-structure/index.html b/docs/patterns/writing/library-structure/index.html
index 85397a8..20c90be 100644
--- a/docs/patterns/writing/library-structure/index.html
+++ b/docs/patterns/writing/library-structure/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/markdown-and-metadata/index.html b/docs/patterns/writing/markdown-and-metadata/index.html
index 1a449ae..6303594 100644
--- a/docs/patterns/writing/markdown-and-metadata/index.html
+++ b/docs/patterns/writing/markdown-and-metadata/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/notes-and-warnings/index.html b/docs/patterns/writing/notes-and-warnings/index.html
index 98aed92..a2542ec 100644
--- a/docs/patterns/writing/notes-and-warnings/index.html
+++ b/docs/patterns/writing/notes-and-warnings/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/references/index.html b/docs/patterns/writing/references/index.html
index c895b83..8852669 100644
--- a/docs/patterns/writing/references/index.html
+++ b/docs/patterns/writing/references/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/patterns/writing/tables-of-contents/index.html b/docs/patterns/writing/tables-of-contents/index.html
index 4cb7796..005782f 100644
--- a/docs/patterns/writing/tables-of-contents/index.html
+++ b/docs/patterns/writing/tables-of-contents/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/print-version/index.html b/docs/print-version/index.html
index 843f007..5b864cc 100644
--- a/docs/print-version/index.html
+++ b/docs/print-version/index.html
@@ -87,26 +87,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper print-version">
diff --git a/docs/service-worker.js b/docs/service-worker.js
index e6f7058..97b78fe 100644
--- a/docs/service-worker.js
+++ b/docs/service-worker.js
@@ -37,7 +37,7 @@
 /* eslint-disable indent, no-unused-vars, no-multiple-empty-lines, max-nested-callbacks, space-before-function-paren, quotes, comma-spacing */
 'use strict';
 
-var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","1c183b48cab635f689386c900b9dc4aa"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","7e2c0d88082c4cfb2fbf12d30aa8ff82"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/bad_design_system.png","9c0e87a34e7d842b0e2831dc947249aa"],["images/browser-chrome-android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-firefox-android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-ie.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-safari-ios.svg","f729e629ec998ec40d313495d7257741"],["images/browser-safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.svg","50293a256b796b9a737f1969d511a98e"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["index.html","c2d73114244e90ce6d2fafa75262b575"],["index.xml","2a603e3a11f08dae8a4582907dca5666"],["js/dom-scripts.js","56c811e4ea59e31cd3248fd5114861fd"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["manifest.json","a5b36b0278884dc524eac11896806bb2"],["patterns/coding/code-blocks/index.html","1ab42809ed2044a7426f3208366ac9bf"],["patterns/coding/color-palettes/index.html","56bf8a55ef02259dd99af034e5b6431f"],["patterns/coding/command-line/index.html","9aa8284790989d17918c841c8fb1624a"],["patterns/coding/demo-embedding/index.html","004a92dbdb1a852707cc387c5b72c3b0"],["patterns/coding/file-trees/index.html","14fd9952aa518f6f049ef495a4390b42"],["patterns/coding/index.html","bed33e1169211954466b400ad27b97bb"],["patterns/coding/index.xml","e11bf497278eb4a47803f3af0a5ed566"],["patterns/coding/tested/index.html","6143a9c9c138307e7e36c50a430d6895"],["patterns/coding/writing-inline-demos/index.html","27138cb849d78175e89595b0e5d1ae17"],["patterns/index.html","858b8ebe3cd0743d1e8010f52bc4fdee"],["patterns/index.xml","001756a56c7778509768d8d71ca43a91"],["patterns/installation/index.html","71fcadab1a36d6e03ca8e01eea862778"],["patterns/library-setup/index.html","142a4b7700b25fb02b5e95468eecbcb7"],["patterns/media/including-images/index.html","250139948ab104f484199b420c00c668"],["patterns/media/including-videos/index.html","047fe0d01106d47d95c35a31e6f747e7"],["patterns/media/index.html","b67937f22365dc453839e462548a11af"],["patterns/media/index.xml","69e133cec08e19eeb33cb005e90590e3"],["patterns/printing/index.html","4a76df2e3889e552e9df958a01252635"],["patterns/serving/index.html","68aaac62df0c881d9733dd2b8fa2e3ad"],["patterns/writing/expandable-sections/index.html","5521d6dba916fb5e5ff60a7f1a7d69b4"],["patterns/writing/index.html","adf8f925ccf19bcdacdfb912f4ad235a"],["patterns/writing/index.xml","af7c991a32f7de340b6a8ceda3522f06"],["patterns/writing/library-structure/index.html","75d28a91fe91fd4a6638646ad3811be5"],["patterns/writing/markdown-and-metadata/index.html","85b56bd144de50e6966be03b245fb1fe"],["patterns/writing/notes-and-warnings/index.html","91c14fd1a66e1f17d89066cad55ccc5b"],["patterns/writing/references/index.html","38d8b67bac56a9520cdf64f24f2f24fe"],["patterns/writing/tables-of-contents/index.html","67e63b8fabdfb1b1cd25038d00d252dc"],["print-version/index.html","e658993307ef71598920ed7425f8c917"],["sitemap.xml","7bd6e05a0352d5a1c9fd6a0f65b3ecbf"],["tags/index.xml","7445f2e8ccc722d44e7533263233d2df"],["tags/markdown/index.html","cb06def3157293bb8fa1090ce6bbf5f0"],["tags/markdown/index.xml","7df48ac337fc803de40eec42599a31cd"],["tags/metadata/index.html","1566f7b3ccd91adcd304aa358fe17733"],["tags/metadata/index.xml","eca9cfe9cd6561660ff341d5ded73b06"]];
+var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","1c183b48cab635f689386c900b9dc4aa"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","d83a99ddb98f15ae66dcdb9a5a570f83"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/bad_design_system.png","9c0e87a34e7d842b0e2831dc947249aa"],["images/browser-chrome-android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-firefox-android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-ie.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-safari-ios.svg","f729e629ec998ec40d313495d7257741"],["images/browser-safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.svg","50293a256b796b9a737f1969d511a98e"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["index.html","6130c05a0ee0805020bd663bf9ad79c9"],["index.xml","2a603e3a11f08dae8a4582907dca5666"],["js/dom-scripts.js","7c67e50141fe5d4d0d9bc8f32f3a0f39"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["manifest.json","a5b36b0278884dc524eac11896806bb2"],["patterns/coding/code-blocks/index.html","f76a4a32bb8e956766e634c2da97af58"],["patterns/coding/color-palettes/index.html","834e2771892a4dade300a98ed4060441"],["patterns/coding/command-line/index.html","617e7736386de59451217cb901e62fc3"],["patterns/coding/demo-embedding/index.html","107b1196aa298614f4af6e0de6749f8f"],["patterns/coding/file-trees/index.html","b56e09ad8a6d060ac41cfed01adf4e40"],["patterns/coding/index.html","f40e98ae8d03eafe42ce3418504328fa"],["patterns/coding/index.xml","e11bf497278eb4a47803f3af0a5ed566"],["patterns/coding/tested/index.html","87adba5f6b4117825e46b6e2ad92f5cb"],["patterns/coding/writing-inline-demos/index.html","875f04bca2f4778ceb74ce5f1eb5c084"],["patterns/index.html","577f9698a69dbdfd5b4fe1a0ad7eed40"],["patterns/index.xml","001756a56c7778509768d8d71ca43a91"],["patterns/installation/index.html","7c72f5dbb5cad7f68c9e76072bdb7c22"],["patterns/library-setup/index.html","7f6dcf8ccfe0f668108a8b334fabe664"],["patterns/media/including-images/index.html","07c38072587b74d6f53b5a8486d3192b"],["patterns/media/including-videos/index.html","33a61d57892e752ceef4f2b752df8201"],["patterns/media/index.html","eb22dd3ce054dc15f85140bfa522dc14"],["patterns/media/index.xml","69e133cec08e19eeb33cb005e90590e3"],["patterns/printing/index.html","fcf6ccdd41e4660a47ff5388db691683"],["patterns/serving/index.html","cffa06979e6663fd8e8d573c86d202d0"],["patterns/writing/expandable-sections/index.html","f502284c37adc261bdcaea36e943a0da"],["patterns/writing/index.html","66b3673604055747410c887664fba4e7"],["patterns/writing/index.xml","af7c991a32f7de340b6a8ceda3522f06"],["patterns/writing/library-structure/index.html","4d707c662b7a6c3ce33dc1ed2a0fdd6f"],["patterns/writing/markdown-and-metadata/index.html","5e95aa93b5e2c7bc92e16ab3c70c42b6"],["patterns/writing/notes-and-warnings/index.html","70003ab21b026b9a0ed1f4162f9bf7dd"],["patterns/writing/references/index.html","6fed86945edf31d20a4a1b6e3c38698e"],["patterns/writing/tables-of-contents/index.html","ee0317c5d87714b3f36401514430f19f"],["print-version/index.html","1113c81e895bc29cfb2c2dcba55d6203"],["sitemap.xml","7bd6e05a0352d5a1c9fd6a0f65b3ecbf"],["tags/index.xml","7445f2e8ccc722d44e7533263233d2df"],["tags/markdown/index.html","17fbc43947385ed1e4d9c5d6ff885c9c"],["tags/markdown/index.xml","7df48ac337fc803de40eec42599a31cd"],["tags/metadata/index.html","b18ec9650fb13cd1df1865547b5027af"],["tags/metadata/index.xml","eca9cfe9cd6561660ff341d5ded73b06"]];
 var cacheName = 'sw-precache-v3-sw-precache-' + (self.registration ? self.registration.scope : '');
 
 
diff --git a/docs/tags/markdown/index.html b/docs/tags/markdown/index.html
index e64bf71..a293bdc 100644
--- a/docs/tags/markdown/index.html
+++ b/docs/tags/markdown/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/docs/tags/metadata/index.html b/docs/tags/metadata/index.html
index 87abb7b..fcd2d06 100644
--- a/docs/tags/metadata/index.html
+++ b/docs/tags/metadata/index.html
@@ -89,26 +89,32 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
 
     <div class="wrapper ">
@@ -122,11 +128,9 @@
                 Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
                 
                   <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  
                </a>
               </p>
@@ -135,7 +139,7 @@
             
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/themes/infusion/layouts/_default/baseof.html b/themes/infusion/layouts/_default/baseof.html
index 65b8254..8afb7f6 100644
--- a/themes/infusion/layouts/_default/baseof.html
+++ b/themes/infusion/layouts/_default/baseof.html
@@ -49,11 +49,9 @@
                 {{ .Site.Params.Description | markdownify }}
                 {{ if ne .Type "print-version" }}
                   <a class="print" href="{{ "print-version" | absURL }}">
-                    <svg viewBox="0 0 50 50" aria-hidden="true">
-                     <g transform="translate(-25.001 -1002.4)">
-                      <path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
-                     </g>
-                   </svg>Print version
+                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
+                      <use xlink:href="#doc"></use>
+                    </svg>Print version
                  {{ end }}
                </a>
               </p>
@@ -64,7 +62,7 @@
             {{ block "nav" . }}
               <nav id="patterns-nav" class="patterns" role="navigation">
                 <button id="menu-button" aria-expanded="false">
-                  <svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
+                  <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
                     <use xlink:href="#menu"></use>
                   </svg>
                   Menu
diff --git a/themes/infusion/layouts/partials/svg.html b/themes/infusion/layouts/partials/svg.html
index 8be4001..666327e 100644
--- a/themes/infusion/layouts/partials/svg.html
+++ b/themes/infusion/layouts/partials/svg.html
@@ -52,24 +52,30 @@
   </symbol>
 
   <symbol id="menu" viewBox="0 0 50 50">
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
-   <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
- </symbol>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
+     <rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
+   </symbol>
 
- <symbol id="link" viewBox="0 0 50 50">
-  <g transform="translate(0 -1002.4)">
-   <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
-    <g>
-     <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+   <symbol id="link" viewBox="0 0 50 50">
+    <g transform="translate(0 -1002.4)">
+     <g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
+      <g>
+       <path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
+      </g>
+     </g>
+    </g>
+  </symbol>
+
+  <symbol id="doc" viewBox="0 0 35 45">
+   <g transform="translate(-147.53 -539.83)">
+    <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
+    <g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
+     <path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
+     <path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
+     <path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
     </g>
    </g>
-  </g>
-</symbol>
-
-<symbol id="printer" viewBox="0 0 50 50">
- <g transform="translate(-25.001 -1002.4)">
-  <path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
- </g>
-</symbol>
+ </symbol>
 </svg>
diff --git a/themes/infusion/static/css/styles.css b/themes/infusion/static/css/styles.css
index 2120553..9f48d46 100644
--- a/themes/infusion/static/css/styles.css
+++ b/themes/infusion/static/css/styles.css
@@ -230,7 +230,7 @@ caption {
     overflow-x: hidden;
 }
 .intro-and-nav {
-    font-size: 0.85rem;
+    font-size: 0.8rem;
     width: 15rem;
     height: 100vh;
     position: fixed;
@@ -258,11 +258,10 @@ caption {
     max-width: 12rem;
 }
 .library-desc {
-    font-style: italic;
     margin-top: 0.5rem;
     margin-left: auto;
     margin-right: auto;
-    max-width: 30rem;
+    max-width: 25rem;
 }
 .main-and-footer {
     margin-left: 15rem;
@@ -318,7 +317,7 @@ caption {
 .pattern [aria-current] {
     background-color: #111;
     background-image: url(images/arrow_effect.svg);
-    background-position: right center;
+    background-position: 98% center;
     background-size: 125%;
     background-repeat: no-repeat;
     color: #fff;
@@ -656,6 +655,7 @@ h1 svg {
 }
 .print {
     white-space: nowrap;
+    font-style: normal;
 }
 .svg-outer {
     width: 0.75em;
diff --git a/themes/infusion/static/js/dom-scripts.js b/themes/infusion/static/js/dom-scripts.js
index 5c75af6..d2c83a9 100644
--- a/themes/infusion/static/js/dom-scripts.js
+++ b/themes/infusion/static/js/dom-scripts.js
@@ -1,50 +1,50 @@
 /* expandable sections */
 (function () {
   function toggle (button, target) {
-    var expanded = button.getAttribute('aria-expanded') === 'true'
-    button.setAttribute('aria-expanded', !expanded)
-    target.hidden = !target.hidden
+    var expanded = button.getAttribute('aria-expanded') === 'true';
+    button.setAttribute('aria-expanded', !expanded);
+    target.hidden = !target.hidden;
   }
 
-  var expanders = document.querySelectorAll('[data-expands]')
+  var expanders = document.querySelectorAll('[data-expands]');
 
   Array.prototype.forEach.call(expanders, function (expander) {
-    var target = document.getElementById(expander.getAttribute('data-expands'))
+    var target = document.getElementById(expander.getAttribute('data-expands'));
 
     expander.addEventListener('click', function () {
-      toggle(expander, target)
+      toggle(expander, target);
     })
   })
 }());
 
 /* menu button */
 (function () {
-  var button = document.getElementById('menu-button')
+  var button = document.getElementById('menu-button');
   if (button) {
-    var menu = document.getElementById('patterns-list')
+    var menu = document.getElementById('patterns-list');
     button.addEventListener('click', function() {
-      var expanded = this.getAttribute('aria-expanded') === 'true'
-      this.setAttribute('aria-expanded', !expanded)
+      var expanded = this.getAttribute('aria-expanded') === 'true';
+      this.setAttribute('aria-expanded', !expanded);
     })
   }
 }());
 
 /* persist navigation scroll point */
 (function () {
-  window.onunload = function () {
-    var patternsNav = document.getElementById('patterns-nav')
+  window.onbeforeunload = function () {
+    var patternsNav = document.getElementById('patterns-nav');
     if (patternsNav) {
-      var scrollPoint = patternsNav.scrollTop
-      localStorage.setItem('scrollPoint', scrollPoint)
+      var scrollPoint = patternsNav.scrollTop;
+      localStorage.setItem('scrollPoint', scrollPoint);
     }
   }
 
   window.addEventListener('DOMContentLoaded', function () {
     if (document.getElementById('patterns-nav')) {
       if (window.location.href.indexOf('patterns/') !== -1) {
-        document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'))
+        document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'));
       } else {
-        document.getElementById('patterns-nav').scrollTop = 0
+        document.getElementById('patterns-nav').scrollTop = 0;
       }
     }
   })
@@ -52,27 +52,27 @@
 
 /* Add "link here" links to <h2> headings */
 (function () {
-  var headings = document.querySelectorAll('main > h2')
+  var headings = document.querySelectorAll('main > h2');
 
   Array.prototype.forEach.call(headings, function (heading) {
-    var id = heading.getAttribute('id')
+    var id = heading.getAttribute('id');
 
     if (id) {
-      var newHeading = heading.cloneNode(true)
+      var newHeading = heading.cloneNode(true);
 
-      var container = document.createElement('div')
-      container.setAttribute('class', 'h2-container')
-      container.appendChild(newHeading)
+      var container = document.createElement('div');
+      container.setAttribute('class', 'h2-container');
+      container.appendChild(newHeading);
 
-      heading.parentNode.insertBefore(container, heading)
+      heading.parentNode.insertBefore(container, heading);
 
-      var link = document.createElement('a')
-      link.setAttribute('href', '#' + id)
-      var headingText = heading.textContent
-      link.setAttribute('aria-label', 'To this ' + headingText + ' section')
-      link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>'
+      var link = document.createElement('a');
+      link.setAttribute('href', '#' + id);
+      var headingText = heading.textContent;
+      link.setAttribute('aria-label', 'To this ' + headingText + ' section');
+      link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
 
-      container.appendChild(link)
+      container.appendChild(link);
 
       heading.parentNode.removeChild(heading);
     }
@@ -80,32 +80,70 @@
 }());
 
 
-// SVG scaling fix for IE10-11
+/* SVG scaling fix for IE10-11 */
 (function () {
   if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) {
     // Get all the SVGs on the page except the symbol defs
-    var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg')
+    var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg');
     // ... iterate over SVGs
     Array.prototype.forEach.call(svgs, function(svg) {
       // Set preserveAspectRatio to 'XMidYMin slice'
-      svg.setAttribute('preserveAspectRatio', 'xMidYMin slice')
+      svg.setAttribute('preserveAspectRatio', 'xMidYMin slice');
 
       // Turn the viewBox values into an array
-      var viewBox = svg.getAttribute('viewBox').split(' ')
+      var viewBox = svg.getAttribute('viewBox').split(' ');
 
       // Calculate padding value needed (width/height x 100)
-      var padding = (viewBox[2] / viewBox[3]) * 100
+      var padding = (viewBox[2] / viewBox[3]) * 100;
 
       // Set inline styles
-      svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible')
+      svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible');
 
       // Create span wrapper
-      var span = document.createElement('span')
-      span.setAttribute('class', 'svg-outer')
-      span.style.width = '0.75em'
+      var span = document.createElement('span');
+      span.setAttribute('class', 'svg-outer');
+      span.style.width = '0.75em';
 
-      svg.parentNode.insertBefore(span, svg)
-      span.appendChild(svg)
+      svg.parentNode.insertBefore(span, svg);
+      span.appendChild(svg);
     })
   }
 }());
+
+/* Contrast calculation */
+function hexToRgb(hex) {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : null;
+}
+
+function luminance(r, g, b) {
+  var a = [r, g, b].map(function (v) {
+    v /= 255;
+    return v <= 0.03928
+      ? v / 12.92
+    : Math.pow( (v + 0.055) / 1.055, 2.4 );
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+
+function ratio(hex1, hex2) {
+  var rgb1 = hexToRgb(hex1);
+  var rgb2 = hexToRgb(hex2);
+  var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05;
+  var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05;
+  var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1;
+  var level;
+  if (ratio > 4.5) {
+    level = ratio > 7 ? "AAA" : "AA";
+  } else {
+    level = "Fails";
+  }
+  return {
+    ratio: ratio.toFixed(2)+':1',
+    level: level
+  }
+}