Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
wang2365
/
cupper-hugo-theme
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

reverted SVG changes

Heydon Pickering 8 gadi atpakaļ
vecāks
5f1814291c
revīzija
9ce234ea77
36 mainītis faili ar 262 papildinājumiem un 252 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 5 0
      docs/css/styles.css
  2. 8 8
      docs/index.html
  3. 8 8
      docs/patterns/coding/code-blocks/index.html
  4. 9 9
      docs/patterns/coding/codepen-embedding/index.html
  5. 9 9
      docs/patterns/coding/color-palettes/index.html
  6. 9 9
      docs/patterns/coding/command-line/index.html
  7. 9 9
      docs/patterns/coding/file-trees/index.html
  8. 8 8
      docs/patterns/coding/index.html
  9. 8 8
      docs/patterns/coding/tested/index.html
  10. 8 8
      docs/patterns/coding/writing-inline-demos/index.html
  11. 8 8
      docs/patterns/index.html
  12. 9 9
      docs/patterns/installation/index.html
  13. 9 9
      docs/patterns/library-setup/index.html
  14. 9 9
      docs/patterns/media/including-images/index.html
  15. 8 8
      docs/patterns/media/including-videos/index.html
  16. 8 8
      docs/patterns/media/index.html
  17. 8 8
      docs/patterns/serving/index.html
  18. 8 8
      docs/patterns/writing/expandable-sections/index.html
  19. 8 8
      docs/patterns/writing/index.html
  20. 9 9
      docs/patterns/writing/library-structure/index.html
  21. 9 9
      docs/patterns/writing/markdown-and-metadata/index.html
  22. 10 10
      docs/patterns/writing/notes-and-warnings/index.html
  23. 14 14
      docs/patterns/writing/references/index.html
  24. 8 8
      docs/patterns/writing/tables-of-contents/index.html
  25. 0 0
      docs/service-worker.js
  26. 8 8
      docs/tags/library/index.html
  27. 8 8
      docs/tags/markdown/index.html
  28. 8 8
      docs/tags/metadata/index.html
  29. 8 8
      docs/tags/structure/index.html
  30. 8 8
      docs/tags/stuff/index.html
  31. 1 1
      themes/infusion/layouts/_default/baseof.html
  32. 7 7
      themes/infusion/layouts/partials/svg.html
  33. 1 1
      themes/infusion/layouts/shortcodes/note.html
  34. 1 1
      themes/infusion/layouts/shortcodes/warning.html
  35. 1 1
      themes/infusion/layouts/shortcodes/wcag.html
  36. 5 0
      themes/infusion/static/css/styles.css

+ 5 - 0
docs/css/styles.css
Parādīt failu 

@@ -468,6 +468,11 @@ caption {
 
   font-size: 0.85rem;
 
 }
 
 
+.note svg {
 
+  height: 2.25rem;
 
+  width: auto;
 
+}
 
+
 
 .note > div {
 
   margin-left: 0.75rem;
 
 }

+ 8 - 8
docs/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/coding/code-blocks/index.html
Parādīt failu 

@@ -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

+ 9 - 9
docs/patterns/coding/codepen-embedding/index.html
Parādīt failu 

@@ -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>

+ 9 - 9
docs/patterns/coding/color-palettes/index.html
Parādīt failu 

@@ -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>

+ 9 - 9
docs/patterns/coding/command-line/index.html
Parādīt failu 

@@ -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>

+ 9 - 9
docs/patterns/coding/file-trees/index.html
Parādīt failu 

@@ -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>

+ 8 - 8
docs/patterns/coding/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/coding/tested/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/coding/writing-inline-demos/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/index.html
Parādīt failu 

@@ -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

+ 9 - 9
docs/patterns/installation/index.html
Parādīt failu 

@@ -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>

+ 9 - 9
docs/patterns/library-setup/index.html
Parādīt failu 

@@ -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>

+ 9 - 9
docs/patterns/media/including-images/index.html
Parādīt failu 

@@ -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>

+ 8 - 8
docs/patterns/media/including-videos/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/media/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/serving/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/writing/expandable-sections/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/patterns/writing/index.html
Parādīt failu 

@@ -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

+ 9 - 9
docs/patterns/writing/library-structure/index.html
Parādīt failu 

@@ -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>

+ 9 - 9
docs/patterns/writing/markdown-and-metadata/index.html
Parādīt failu 

@@ -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>

+ 10 - 10
docs/patterns/writing/notes-and-warnings/index.html
Parādīt failu 

@@ -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>

+ 14 - 14
docs/patterns/writing/references/index.html
Parādīt failu 

@@ -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>

+ 8 - 8
docs/patterns/writing/tables-of-contents/index.html
Parādīt failu 

@@ -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

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
docs/service-worker.js


+ 8 - 8
docs/tags/library/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/tags/markdown/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/tags/metadata/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/tags/structure/index.html
Parādīt failu 

@@ -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

+ 8 - 8
docs/tags/stuff/index.html
Parādīt failu 

@@ -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

+ 1 - 1
themes/infusion/layouts/_default/baseof.html
Parādīt failu 

@@ -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

+ 7 - 7
themes/infusion/layouts/partials/svg.html
Parādīt failu 

@@ -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"/>

+ 1 - 1
themes/infusion/layouts/shortcodes/note.html
Parādīt failu 

@@ -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 }}

+ 1 - 1
themes/infusion/layouts/shortcodes/warning.html
Parādīt failu 

@@ -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 }}

+ 1 - 1
themes/infusion/layouts/shortcodes/wcag.html
Parādīt failu 

@@ -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 }}

+ 5 - 0
themes/infusion/static/css/styles.css
Parādīt failu 

@@ -468,6 +468,11 @@ caption {
 
   font-size: 0.85rem;
 
 }
 
 
+.note svg {
 
+  height: 2.25rem;
 
+  width: auto;
 
+}
 
+
 
 .note > div {
 
   margin-left: 0.75rem;
 
 }

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels