safari scrollpoint fix

This commit is contained in:
Heydon Pickering 2017-08-12 09:14:05 +01:00
parent aecddd4662
commit 8bb7a3bdb3
34 changed files with 917 additions and 727 deletions

View File

@ -230,7 +230,7 @@ caption {
overflow-x: hidden; overflow-x: hidden;
} }
.intro-and-nav { .intro-and-nav {
font-size: 0.85rem; font-size: 0.8rem;
width: 15rem; width: 15rem;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
@ -258,11 +258,10 @@ caption {
max-width: 12rem; max-width: 12rem;
} }
.library-desc { .library-desc {
font-style: italic;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 30rem; max-width: 25rem;
} }
.main-and-footer { .main-and-footer {
margin-left: 15rem; margin-left: 15rem;
@ -318,7 +317,7 @@ caption {
.pattern [aria-current] { .pattern [aria-current] {
background-color: #111; background-color: #111;
background-image: url(images/arrow_effect.svg); background-image: url(images/arrow_effect.svg);
background-position: right center; background-position: 98% center;
background-size: 125%; background-size: 125%;
background-repeat: no-repeat; background-repeat: no-repeat;
color: #fff; color: #fff;
@ -656,6 +655,7 @@ h1 svg {
} }
.print { .print {
white-space: nowrap; white-space: nowrap;
font-style: normal;
} }
.svg-outer { .svg-outer {
width: 0.75em; width: 0.75em;

View File

@ -107,9 +107,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -125,10 +131,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -138,7 +142,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -1,50 +1,50 @@
/* expandable sections */ /* expandable sections */
(function () { (function () {
function toggle (button, target) { function toggle (button, target) {
var expanded = button.getAttribute('aria-expanded') === 'true' var expanded = button.getAttribute('aria-expanded') === 'true';
button.setAttribute('aria-expanded', !expanded) button.setAttribute('aria-expanded', !expanded);
target.hidden = !target.hidden target.hidden = !target.hidden;
} }
var expanders = document.querySelectorAll('[data-expands]') var expanders = document.querySelectorAll('[data-expands]');
Array.prototype.forEach.call(expanders, function (expander) { Array.prototype.forEach.call(expanders, function (expander) {
var target = document.getElementById(expander.getAttribute('data-expands')) var target = document.getElementById(expander.getAttribute('data-expands'));
expander.addEventListener('click', function () { expander.addEventListener('click', function () {
toggle(expander, target) toggle(expander, target);
}) })
}) })
}()); }());
/* menu button */ /* menu button */
(function () { (function () {
var button = document.getElementById('menu-button') var button = document.getElementById('menu-button');
if (button) { if (button) {
var menu = document.getElementById('patterns-list') var menu = document.getElementById('patterns-list');
button.addEventListener('click', function() { button.addEventListener('click', function() {
var expanded = this.getAttribute('aria-expanded') === 'true' var expanded = this.getAttribute('aria-expanded') === 'true';
this.setAttribute('aria-expanded', !expanded) this.setAttribute('aria-expanded', !expanded);
}) })
} }
}()); }());
/* persist navigation scroll point */ /* persist navigation scroll point */
(function () { (function () {
window.onunload = function () { window.onbeforeunload = function () {
var patternsNav = document.getElementById('patterns-nav') var patternsNav = document.getElementById('patterns-nav');
if (patternsNav) { if (patternsNav) {
var scrollPoint = patternsNav.scrollTop var scrollPoint = patternsNav.scrollTop;
localStorage.setItem('scrollPoint', scrollPoint) localStorage.setItem('scrollPoint', scrollPoint);
} }
} }
window.addEventListener('DOMContentLoaded', function () { window.addEventListener('DOMContentLoaded', function () {
if (document.getElementById('patterns-nav')) { if (document.getElementById('patterns-nav')) {
if (window.location.href.indexOf('patterns/') !== -1) { if (window.location.href.indexOf('patterns/') !== -1) {
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint')) document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'));
} else { } else {
document.getElementById('patterns-nav').scrollTop = 0 document.getElementById('patterns-nav').scrollTop = 0;
} }
} }
}) })
@ -52,27 +52,27 @@
/* Add "link here" links to <h2> headings */ /* Add "link here" links to <h2> headings */
(function () { (function () {
var headings = document.querySelectorAll('main > h2') var headings = document.querySelectorAll('main > h2');
Array.prototype.forEach.call(headings, function (heading) { Array.prototype.forEach.call(headings, function (heading) {
var id = heading.getAttribute('id') var id = heading.getAttribute('id');
if (id) { if (id) {
var newHeading = heading.cloneNode(true) var newHeading = heading.cloneNode(true);
var container = document.createElement('div') var container = document.createElement('div');
container.setAttribute('class', 'h2-container') container.setAttribute('class', 'h2-container');
container.appendChild(newHeading) container.appendChild(newHeading);
heading.parentNode.insertBefore(container, heading) heading.parentNode.insertBefore(container, heading);
var link = document.createElement('a') var link = document.createElement('a');
link.setAttribute('href', '#' + id) link.setAttribute('href', '#' + id);
var headingText = heading.textContent var headingText = heading.textContent;
link.setAttribute('aria-label', 'To this ' + headingText + ' section') link.setAttribute('aria-label', 'To this ' + headingText + ' section');
link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>' link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
container.appendChild(link) container.appendChild(link);
heading.parentNode.removeChild(heading); heading.parentNode.removeChild(heading);
} }
@ -80,32 +80,70 @@
}()); }());
// SVG scaling fix for IE10-11 /* SVG scaling fix for IE10-11 */
(function () { (function () {
if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) { if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) {
// Get all the SVGs on the page except the symbol defs // Get all the SVGs on the page except the symbol defs
var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg') var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg');
// ... iterate over SVGs // ... iterate over SVGs
Array.prototype.forEach.call(svgs, function(svg) { Array.prototype.forEach.call(svgs, function(svg) {
// Set preserveAspectRatio to 'XMidYMin slice' // Set preserveAspectRatio to 'XMidYMin slice'
svg.setAttribute('preserveAspectRatio', 'xMidYMin slice') svg.setAttribute('preserveAspectRatio', 'xMidYMin slice');
// Turn the viewBox values into an array // Turn the viewBox values into an array
var viewBox = svg.getAttribute('viewBox').split(' ') var viewBox = svg.getAttribute('viewBox').split(' ');
// Calculate padding value needed (width/height x 100) // Calculate padding value needed (width/height x 100)
var padding = (viewBox[2] / viewBox[3]) * 100 var padding = (viewBox[2] / viewBox[3]) * 100;
// Set inline styles // Set inline styles
svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible') svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible');
// Create span wrapper // Create span wrapper
var span = document.createElement('span') var span = document.createElement('span');
span.setAttribute('class', 'svg-outer') span.setAttribute('class', 'svg-outer');
span.style.width = '0.75em' span.style.width = '0.75em';
svg.parentNode.insertBefore(span, svg) svg.parentNode.insertBefore(span, svg);
span.appendChild(svg) span.appendChild(svg);
}) })
} }
}()); }());
/* Contrast calculation */
function hexToRgb(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? [
parseInt(result[1], 16),
parseInt(result[2], 16),
parseInt(result[3], 16)
] : null;
}
function luminance(r, g, b) {
var a = [r, g, b].map(function (v) {
v /= 255;
return v <= 0.03928
? v / 12.92
: Math.pow( (v + 0.055) / 1.055, 2.4 );
});
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
}
function ratio(hex1, hex2) {
var rgb1 = hexToRgb(hex1);
var rgb2 = hexToRgb(hex2);
var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05;
var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05;
var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1;
var level;
if (ratio > 4.5) {
level = ratio > 7 ? "AAA" : "AA";
} else {
level = "Fails";
}
return {
ratio: ratio.toFixed(2)+':1',
level: level
}
}

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -102,9 +102,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>

File diff suppressed because one or more lines are too long

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -104,9 +104,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>
@ -122,10 +128,8 @@
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself. Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version"> <a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
</a> </a>
@ -135,7 +139,7 @@
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -49,10 +49,8 @@
{{ .Site.Params.Description | markdownify }} {{ .Site.Params.Description | markdownify }}
{{ if ne .Type "print-version" }} {{ if ne .Type "print-version" }}
<a class="print" href="{{ "print-version" | absURL }}"> <a class="print" href="{{ "print-version" | absURL }}">
<svg viewBox="0 0 50 50" aria-hidden="true"> <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
<g transform="translate(-25.001 -1002.4)"> <use xlink:href="#doc"></use>
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
</g>
</svg>Print version </svg>Print version
{{ end }} {{ end }}
</a> </a>
@ -64,7 +62,7 @@
{{ block "nav" . }} {{ block "nav" . }}
<nav id="patterns-nav" class="patterns" role="navigation"> <nav id="patterns-nav" class="patterns" role="navigation">
<button id="menu-button" aria-expanded="false"> <button id="menu-button" aria-expanded="false">
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false"> <svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
<use xlink:href="#menu"></use> <use xlink:href="#menu"></use>
</svg> </svg>
Menu Menu

View File

@ -67,9 +67,15 @@
</g> </g>
</symbol> </symbol>
<symbol id="printer" viewBox="0 0 50 50"> <symbol id="doc" viewBox="0 0 35 45">
<g transform="translate(-25.001 -1002.4)"> <g transform="translate(-147.53 -539.83)">
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/> <path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
</g>
</g> </g>
</symbol> </symbol>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

View File

@ -230,7 +230,7 @@ caption {
overflow-x: hidden; overflow-x: hidden;
} }
.intro-and-nav { .intro-and-nav {
font-size: 0.85rem; font-size: 0.8rem;
width: 15rem; width: 15rem;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
@ -258,11 +258,10 @@ caption {
max-width: 12rem; max-width: 12rem;
} }
.library-desc { .library-desc {
font-style: italic;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 30rem; max-width: 25rem;
} }
.main-and-footer { .main-and-footer {
margin-left: 15rem; margin-left: 15rem;
@ -318,7 +317,7 @@ caption {
.pattern [aria-current] { .pattern [aria-current] {
background-color: #111; background-color: #111;
background-image: url(images/arrow_effect.svg); background-image: url(images/arrow_effect.svg);
background-position: right center; background-position: 98% center;
background-size: 125%; background-size: 125%;
background-repeat: no-repeat; background-repeat: no-repeat;
color: #fff; color: #fff;
@ -656,6 +655,7 @@ h1 svg {
} }
.print { .print {
white-space: nowrap; white-space: nowrap;
font-style: normal;
} }
.svg-outer { .svg-outer {
width: 0.75em; width: 0.75em;

View File

@ -1,50 +1,50 @@
/* expandable sections */ /* expandable sections */
(function () { (function () {
function toggle (button, target) { function toggle (button, target) {
var expanded = button.getAttribute('aria-expanded') === 'true' var expanded = button.getAttribute('aria-expanded') === 'true';
button.setAttribute('aria-expanded', !expanded) button.setAttribute('aria-expanded', !expanded);
target.hidden = !target.hidden target.hidden = !target.hidden;
} }
var expanders = document.querySelectorAll('[data-expands]') var expanders = document.querySelectorAll('[data-expands]');
Array.prototype.forEach.call(expanders, function (expander) { Array.prototype.forEach.call(expanders, function (expander) {
var target = document.getElementById(expander.getAttribute('data-expands')) var target = document.getElementById(expander.getAttribute('data-expands'));
expander.addEventListener('click', function () { expander.addEventListener('click', function () {
toggle(expander, target) toggle(expander, target);
}) })
}) })
}()); }());
/* menu button */ /* menu button */
(function () { (function () {
var button = document.getElementById('menu-button') var button = document.getElementById('menu-button');
if (button) { if (button) {
var menu = document.getElementById('patterns-list') var menu = document.getElementById('patterns-list');
button.addEventListener('click', function() { button.addEventListener('click', function() {
var expanded = this.getAttribute('aria-expanded') === 'true' var expanded = this.getAttribute('aria-expanded') === 'true';
this.setAttribute('aria-expanded', !expanded) this.setAttribute('aria-expanded', !expanded);
}) })
} }
}()); }());
/* persist navigation scroll point */ /* persist navigation scroll point */
(function () { (function () {
window.onunload = function () { window.onbeforeunload = function () {
var patternsNav = document.getElementById('patterns-nav') var patternsNav = document.getElementById('patterns-nav');
if (patternsNav) { if (patternsNav) {
var scrollPoint = patternsNav.scrollTop var scrollPoint = patternsNav.scrollTop;
localStorage.setItem('scrollPoint', scrollPoint) localStorage.setItem('scrollPoint', scrollPoint);
} }
} }
window.addEventListener('DOMContentLoaded', function () { window.addEventListener('DOMContentLoaded', function () {
if (document.getElementById('patterns-nav')) { if (document.getElementById('patterns-nav')) {
if (window.location.href.indexOf('patterns/') !== -1) { if (window.location.href.indexOf('patterns/') !== -1) {
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint')) document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'));
} else { } else {
document.getElementById('patterns-nav').scrollTop = 0 document.getElementById('patterns-nav').scrollTop = 0;
} }
} }
}) })
@ -52,27 +52,27 @@
/* Add "link here" links to <h2> headings */ /* Add "link here" links to <h2> headings */
(function () { (function () {
var headings = document.querySelectorAll('main > h2') var headings = document.querySelectorAll('main > h2');
Array.prototype.forEach.call(headings, function (heading) { Array.prototype.forEach.call(headings, function (heading) {
var id = heading.getAttribute('id') var id = heading.getAttribute('id');
if (id) { if (id) {
var newHeading = heading.cloneNode(true) var newHeading = heading.cloneNode(true);
var container = document.createElement('div') var container = document.createElement('div');
container.setAttribute('class', 'h2-container') container.setAttribute('class', 'h2-container');
container.appendChild(newHeading) container.appendChild(newHeading);
heading.parentNode.insertBefore(container, heading) heading.parentNode.insertBefore(container, heading);
var link = document.createElement('a') var link = document.createElement('a');
link.setAttribute('href', '#' + id) link.setAttribute('href', '#' + id);
var headingText = heading.textContent var headingText = heading.textContent;
link.setAttribute('aria-label', 'To this ' + headingText + ' section') link.setAttribute('aria-label', 'To this ' + headingText + ' section');
link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>' link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
container.appendChild(link) container.appendChild(link);
heading.parentNode.removeChild(heading); heading.parentNode.removeChild(heading);
} }
@ -80,32 +80,70 @@
}()); }());
// SVG scaling fix for IE10-11 /* SVG scaling fix for IE10-11 */
(function () { (function () {
if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) { if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) {
// Get all the SVGs on the page except the symbol defs // Get all the SVGs on the page except the symbol defs
var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg') var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg');
// ... iterate over SVGs // ... iterate over SVGs
Array.prototype.forEach.call(svgs, function(svg) { Array.prototype.forEach.call(svgs, function(svg) {
// Set preserveAspectRatio to 'XMidYMin slice' // Set preserveAspectRatio to 'XMidYMin slice'
svg.setAttribute('preserveAspectRatio', 'xMidYMin slice') svg.setAttribute('preserveAspectRatio', 'xMidYMin slice');
// Turn the viewBox values into an array // Turn the viewBox values into an array
var viewBox = svg.getAttribute('viewBox').split(' ') var viewBox = svg.getAttribute('viewBox').split(' ');
// Calculate padding value needed (width/height x 100) // Calculate padding value needed (width/height x 100)
var padding = (viewBox[2] / viewBox[3]) * 100 var padding = (viewBox[2] / viewBox[3]) * 100;
// Set inline styles // Set inline styles
svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible') svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible');
// Create span wrapper // Create span wrapper
var span = document.createElement('span') var span = document.createElement('span');
span.setAttribute('class', 'svg-outer') span.setAttribute('class', 'svg-outer');
span.style.width = '0.75em' span.style.width = '0.75em';
svg.parentNode.insertBefore(span, svg) svg.parentNode.insertBefore(span, svg);
span.appendChild(svg) span.appendChild(svg);
}) })
} }
}()); }());
/* Contrast calculation */
function hexToRgb(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? [
parseInt(result[1], 16),
parseInt(result[2], 16),
parseInt(result[3], 16)
] : null;
}
function luminance(r, g, b) {
var a = [r, g, b].map(function (v) {
v /= 255;
return v <= 0.03928
? v / 12.92
: Math.pow( (v + 0.055) / 1.055, 2.4 );
});
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
}
function ratio(hex1, hex2) {
var rgb1 = hexToRgb(hex1);
var rgb2 = hexToRgb(hex2);
var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05;
var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05;
var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1;
var level;
if (ratio > 4.5) {
level = ratio > 7 ? "AAA" : "AA";
} else {
level = "Fails";
}
return {
ratio: ratio.toFixed(2)+':1',
level: level
}
}