před 8 roky · 9ce234ea77
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -468,6 +468,11 @@ caption {
 
				   font-size: 0.85rem;
			
 
				 }
			
 
				 
			
 
				+.note svg {
			
 
				+  height: 2.25rem;
			
 
				+  width: auto;
			
 
				+}
			
 
				+
			
 
				 .note > div {
			
 
				   margin-left: 0.75rem;
			
 
				 }
			
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,13 +35,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -50,13 +50,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -69,7 +69,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -79,7 +79,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -87,7 +87,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -105,7 +105,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/coding/code-blocks/index.html
+++ b/docs/patterns/coding/code-blocks/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/coding/codepen-embedding/index.html
+++ b/docs/patterns/coding/codepen-embedding/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -301,7 +301,7 @@
 
				 
			
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     <p>The compiled site will output an error if your <code>config.toml</code> does not include your CodePen username (in the  <code>codePenUser</code> parameter). This is needed to construct the embed URL.</p>
			
--- a/docs/patterns/coding/color-palettes/index.html
+++ b/docs/patterns/coding/color-palettes/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -311,7 +311,7 @@
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>If you&rsquo;re wondering whether you need to put a space after the commas in the shortcode, don&rsquo;t worry: <code>&quot;#254f7b, #579a6d, #666666&quot;</code> and <code>&quot;#254f7b,#579a6d,#666666&quot;</code> are both accepted. Any CSS color value is acceptable, not just hex colors.</p>
			
--- a/docs/patterns/coding/command-line/index.html
+++ b/docs/patterns/coding/command-line/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -297,7 +297,7 @@ npm run start
 
				 
			
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     <p>The <code>cmd</code> shortcode currently only supports single commands. If you want to show multiple, successive commands use separate <code>cmd</code> blocks.</p>
			
--- a/docs/patterns/coding/file-trees/index.html
+++ b/docs/patterns/coding/file-trees/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -347,7 +347,7 @@
 
				 
			
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     <p>The only reliable way to nest unordered lists in markdown is to indent the nested item by exactly four spaces. Using tabs or less than four spaces are unreliable methods.</p>
			
--- a/docs/patterns/coding/index.html
+++ b/docs/patterns/coding/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/coding/tested/index.html
+++ b/docs/patterns/coding/tested/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/coding/writing-inline-demos/index.html
+++ b/docs/patterns/coding/writing-inline-demos/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/index.html
+++ b/docs/patterns/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/installation/index.html
+++ b/docs/patterns/installation/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -353,7 +353,7 @@
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>If you do not have a version of the Github desktop client installed, follow the prompts after clicking <strong>Open in Desktop</strong>.</p>
			
--- a/docs/patterns/library-setup/index.html
+++ b/docs/patterns/library-setup/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -314,7 +314,7 @@
 
				 
			
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     <p>If you are contributing to an existing <strong>Infusion</strong> library, do not run the following command. It will delete all of the patterns in that library. The <code>clean</code> command is just for libraries that you are starting from scratch.</p>
			
--- a/docs/patterns/media/including-images/index.html
+++ b/docs/patterns/media/including-images/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -292,7 +292,7 @@
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>When you first make a copy of <strong>Infusion</strong>, <strong>Infusion&rsquo;s</strong> own logo will be included. You should replace this with your own company or project logo.</p>
			
--- a/docs/patterns/media/including-videos/index.html
+++ b/docs/patterns/media/including-videos/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/media/index.html
+++ b/docs/patterns/media/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/serving/index.html
+++ b/docs/patterns/serving/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/writing/expandable-sections/index.html
+++ b/docs/patterns/writing/expandable-sections/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/writing/index.html
+++ b/docs/patterns/writing/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/patterns/writing/library-structure/index.html
+++ b/docs/patterns/writing/library-structure/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -378,7 +378,7 @@
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>Note that subfolders like <code>/popups</code> must each have an <code>_index.md</code> file. This file doesn&rsquo;t need any content except the TOML metadata defining the title (name) of that subsection:</p>
			
--- a/docs/patterns/writing/markdown-and-metadata/index.html
+++ b/docs/patterns/writing/markdown-and-metadata/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -348,7 +348,7 @@ weight = 1
 
				 
			
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     <p>The <code>weight</code> parameter should be an integer, not a string, so don&rsquo;t use scare quotes around the value!</p>
			
--- a/docs/patterns/writing/notes-and-warnings/index.html
+++ b/docs/patterns/writing/notes-and-warnings/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -317,7 +317,7 @@ This is a note! It's something the reader may like to know about but is suppleme
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>This is a note! It&rsquo;s something the reader may like to know about but is supplementary to the main content. Use notes when something may be interesting but not critical.</p>
			
@@ -341,7 +341,7 @@ This is a warning! It's about something the reader should be careful to do or to
 
				 
			
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     <p>This is a warning! It&rsquo;s about something the reader should be careful to do or to avoid doing. Use warnings when something could go wrong.</p>
			
--- a/docs/patterns/writing/references/index.html
+++ b/docs/patterns/writing/references/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
@@ -319,7 +319,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>The title argument you supply to the shortcode must be exactly the same as the referenced pattern&rsquo;s <code>title</code> metadata value and is case sensitive.</p>
			
@@ -394,7 +394,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
 
				     
			
 
				       <li>
			
 
				         <strong><a href="https://www.w3.org/TR/WCAG20/#keyboard-operation-keyboard-operable">
			
 
				-          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				+          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" width="127" height="68" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				           2.1.1 Keyboard</a> (level A)
			
 
				         </strong>
			
 
				         
			
@@ -478,7 +478,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
 
				     
			
 
				       <li>
			
 
				         <strong><a href="https://www.w3.org/TR/WCAG20/#ensure-compat-rsv">
			
 
				-          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				+          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" width="127" height="68" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				           4.1.2 Name, Role, Value</a> (level A)
			
 
				         </strong>
			
 
				         
			
@@ -490,7 +490,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
 
				 
			
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     <p>You don&rsquo;t have to leave spaces after the comma separators. They are optional.</p>
			
@@ -563,7 +563,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
 
				     
			
 
				       <li>
			
 
				         <strong><a href="https://www.w3.org/TR/WCAG20/#keyboard-operation-keyboard-operable">
			
 
				-          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				+          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" width="127" height="68" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				           2.1.1 Keyboard</a> (level A):
			
 
				         </strong>
			
 
				         
			
@@ -650,7 +650,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
 
				     
			
 
				       <li>
			
 
				         <strong><a href="https://www.w3.org/TR/WCAG20/#ensure-compat-rsv">
			
 
				-          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				+          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" width="127" height="68" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				           4.1.2 Name, Role, Value</a> (level A):
			
 
				         </strong>
			
 
				         
			
--- a/docs/patterns/writing/tables-of-contents/index.html
+++ b/docs/patterns/writing/tables-of-contents/index.html
@@ -36,13 +36,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -51,13 +51,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -70,7 +70,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -80,7 +80,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -88,7 +88,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -106,7 +106,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/service-worker.js
+++ b/docs/service-worker.js
--- a/docs/tags/library/index.html
+++ b/docs/tags/library/index.html
@@ -34,13 +34,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -49,13 +49,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -68,7 +68,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -78,7 +78,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -86,7 +86,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -104,7 +104,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/tags/markdown/index.html
+++ b/docs/tags/markdown/index.html
@@ -34,13 +34,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -49,13 +49,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -68,7 +68,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -78,7 +78,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -86,7 +86,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -104,7 +104,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/tags/metadata/index.html
+++ b/docs/tags/metadata/index.html
@@ -34,13 +34,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -49,13 +49,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -68,7 +68,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -78,7 +78,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -86,7 +86,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -104,7 +104,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/tags/structure/index.html
+++ b/docs/tags/structure/index.html
@@ -34,13 +34,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -49,13 +49,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -68,7 +68,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -78,7 +78,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -86,7 +86,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -104,7 +104,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/docs/tags/stuff/index.html
+++ b/docs/tags/stuff/index.html
@@ -34,13 +34,13 @@
 
				   <body>
			
 
				     <a href="#main">skip to content</a>
			
 
				     <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -49,13 +49,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -68,7 +68,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -78,7 +78,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -86,7 +86,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
@@ -104,7 +104,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/themes/infusion/layouts/_default/baseof.html
+++ b/themes/infusion/layouts/_default/baseof.html
@@ -47,7 +47,7 @@
 
				           </div>
			
 
				           <nav id="patterns-nav" class="patterns" role="navigation">
			
 
				             <button id="menu-button" aria-expanded="false">
			
 
				-              <svg viewBox="0 0 50 50">
			
 
				+              <svg viewBox="0 0 50 50" width="50" height="50">
			
 
				                 <use xlink:href="#menu"></use>
			
 
				               </svg>
			
 
				               Menu
			
--- a/themes/infusion/layouts/partials/svg.html
+++ b/themes/infusion/layouts/partials/svg.html
@@ -1,11 +1,11 @@
 
				 <svg style="display: none">
			
 
				-  <symbol id="bookmark" viewBox="0 0 40 50" width="40" height="50">
			
 
				+  <symbol id="bookmark" viewBox="0 0 40 50">
			
 
				    <g transform="translate(2266 3206.2)">
			
 
				     <path style="stroke:currentColor;stroke-width:3.2637;fill:none" d="m-2262.2-3203.4-.2331 42.195 16.319-16.318 16.318 16.318.2331-42.428z"/>
			
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="w3c" viewBox="0 0 127.09899 67.763" width="127" height="68">
			
 
				+  <symbol id="w3c" viewBox="0 0 127.09899 67.763">
			
 
				    <text font-size="83" style="font-size:83px;font-family:Trebuchet;letter-spacing:-12;fill-opacity:0" letter-spacing="-12" y="67.609352" x="-26.782778">W3C</text>
			
 
				    <text font-size="83" style="font-size:83px;font-weight:bold;font-family:Trebuchet;fill-opacity:0" y="67.609352" x="153.21722" font-weight="bold">SVG</text>
			
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m33.695.377 12.062 41.016 12.067-41.016h8.731l-19.968 67.386h-.831l-12.48-41.759-12.479 41.759h-.832l-19.965-67.386h8.736l12.061 41.016 8.154-27.618-3.993-13.397h8.737z"/>
			
@@ -14,13 +14,13 @@
 
				    <path style="fill:#111111;image-rendering:optimizeQuality;shape-rendering:geometricPrecision" d="m125.82 48.674s-2.208 3.957-3.589 5.48c-1.379 1.524-3.849 4.209-6.896 5.555-3.049 1.343-4.646 1.598-7.661 1.306-3.01-.29-5.807-2.032-6.786-2.764-.979-.722-3.486-2.864-4.897-4.854-1.42-2-3.634-5.995-3.634-5.995s1.233 4.001 2.007 5.699c.442.977 1.81 3.965 3.749 6.572 1.805 2.425 5.315 6.604 10.652 7.545 5.336.945 9.002-1.449 9.907-2.031.907-.578 2.819-2.178 4.032-3.475 1.264-1.351 2.459-3.079 3.116-4.108.487-.758 1.276-2.286 1.276-2.286l-1.276-6.644z"/>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="tag" viewBox="0 0 177.16535 177.16535" width="177" height="177">
			
 
				+  <symbol id="tag" viewBox="0 0 177.16535 177.16535">
			
 
				     <g transform="translate(0 -875.2)">
			
 
				      <path style="fill-rule:evenodd;stroke-width:0;fill:#111111" d="m159.9 894.3-68.79 8.5872-75.42 77.336 61.931 60.397 75.429-76.565 6.8495-69.755zm-31.412 31.835a10.813 10.813 0 0 1 1.8443 2.247 10.813 10.813 0 0 1 -3.5174 14.872l-.0445.0275a10.813 10.813 0 0 1 -14.86 -3.5714 10.813 10.813 0 0 1 3.5563 -14.863 10.813 10.813 0 0 1 13.022 1.2884z"/>
			
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="balloon" viewBox="0 0 141.73228 177.16535" width="142" height="177">
			
 
				+  <symbol id="balloon" viewBox="0 0 141.73228 177.16535">
			
 
				    <g transform="translate(0 -875.2)">
			
 
				     <g>
			
 
				      <path style="fill:#1a1a1a" d="m68.156 882.83-.88753 1.4269c-4.9564 7.9666-6.3764 17.321-5.6731 37.378.36584 10.437 1.1246 23.51 1.6874 29.062.38895 3.8372 3.8278 32.454 4.6105 38.459 4.6694-.24176 9.2946.2879 14.377 1.481 1.2359-3.2937 5.2496-13.088 8.886-21.623 6.249-14.668 8.4128-21.264 10.253-31.252 1.2464-6.7626 1.6341-12.156 1.4204-19.764-.36325-12.93-2.1234-19.487-6.9377-25.843-2.0833-2.7507-6.9865-7.6112-7.9127-7.8436-.79716-.20019-6.6946-1.0922-6.7755-1.0248-.02213.0182-5.0006-.41858-7.5248-.22808l-2.149-.22808h-3.3738z"/>
			
@@ -33,7 +33,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="info" height="41.667" width="41.667" viewBox="0 0 41.667 41.667">
			
 
				+  <symbol id="info" viewBox="0 0 41.667 41.667">
			
 
				    <g transform="translate(-37.035 -1004.6)">
			
 
				     <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:3.728;fill:none" d="m76.25 1030.2a18.968 18.968 0 0 1 -23.037 13.709 18.968 18.968 0 0 1 -13.738 -23.019 18.968 18.968 0 0 1 23.001 -13.768 18.968 18.968 0 0 1 13.798 22.984"/>
			
 
				     <g transform="matrix(1.1146 0 0 1.1146 -26.276 -124.92)">
			
@@ -43,7 +43,7 @@
 
				    </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="warning" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+  <symbol id="warning" viewBox="0 0 48.430474 41.646302">
			
 
				     <g transform="translate(-1.1273 -1010.2)">
			
 
				      <path style="stroke-linejoin:round;stroke:currentColor;stroke-linecap:round;stroke-width:4.151;fill:none" d="m25.343 1012.3-22.14 37.496h44.28z"/>
			
 
				      <path style="stroke:currentColor;stroke-linecap:round;stroke-width:4.1512;fill:none" d="m25.54 1027.7v8.7472"/>
			
@@ -51,7 +51,7 @@
 
				     </g>
			
 
				   </symbol>
			
 
				 
			
 
				-  <symbol id="menu" viewBox="0 0 50 50" width="50" height="50">
			
 
				+  <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"/>
			
--- a/themes/infusion/layouts/shortcodes/note.html
+++ b/themes/infusion/layouts/shortcodes/note.html
@@ -1,6 +1,6 @@
 
				 <aside aria-label="note" class="note">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.667" width="41.667" viewBox="0 0 41.667306 41.66729">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
			
 
				       <use xlink:href="#info"></use>
			
 
				     </svg>
			
 
				     {{ .Inner }}
			
--- a/themes/infusion/layouts/shortcodes/warning.html
+++ b/themes/infusion/layouts/shortcodes/warning.html
@@ -1,6 +1,6 @@
 
				 <aside aria-label="warning" class="note warning">
			
 
				   <div>
			
 
				-    <svg aria-hidden="true" height="41.646" width="48.43" viewBox="0 0 48.430474 41.646302">
			
 
				+    <svg aria-hidden="true" viewBox="0 0 48.430474 41.646302">
			
 
				       <use xlink:href="#warning"></use>
			
 
				     </svg>
			
 
				     {{ .Inner }}
			
--- a/themes/infusion/layouts/shortcodes/wcag.html
+++ b/themes/infusion/layouts/shortcodes/wcag.html
@@ -7,7 +7,7 @@
 
				     {{ if in $included .ref_id }}
			
 
				       <li>
			
 
				         <strong><a href="{{ .url }}">
			
 
				-          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				+          <svg class="wcag-icon" viewBox="0 0 127.09899 67.763" width="127" height="68" aria-hidden="true"><use xlink:href="#w3c"></use></svg>
			
 
				           {{ .ref_id }} {{ .title }}</a> (level {{ .level }}){{ if $descriptions }}:{{ end }}
			
 
				         </strong>
			
 
				         {{ if $descriptions }}
			
--- a/themes/infusion/static/css/styles.css
+++ b/themes/infusion/static/css/styles.css
@@ -468,6 +468,11 @@ caption {
 
				   font-size: 0.85rem;
			
 
				 }
			
 
				 
			
 
				+.note svg {
			
 
				+  height: 2.25rem;
			
 
				+  width: auto;
			
 
				+}
			
 
				+
			
 
				 .note > div {
			
 
				   margin-left: 0.75rem;
			
 
				 }