safari scrollpoint fix
This commit is contained in:
Heydon Pickering
parent
aecddd4662
commit
8bb7a3bdb3
|
|
@ -230,7 +230,7 @@ caption {
|
|||
overflow-x: hidden;
|
||||
}
|
||||
.intro-and-nav {
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.8rem;
|
||||
width: 15rem;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
|
|
@ -258,11 +258,10 @@ caption {
|
|||
max-width: 12rem;
|
||||
}
|
||||
.library-desc {
|
||||
font-style: italic;
|
||||
margin-top: 0.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 30rem;
|
||||
max-width: 25rem;
|
||||
}
|
||||
.main-and-footer {
|
||||
margin-left: 15rem;
|
||||
|
|
@ -318,7 +317,7 @@ caption {
|
|||
.pattern [aria-current] {
|
||||
background-color: #111;
|
||||
background-image: url(images/arrow_effect.svg);
|
||||
background-position: right center;
|
||||
background-position: 98% center;
|
||||
background-size: 125%;
|
||||
background-repeat: no-repeat;
|
||||
color: #fff;
|
||||
|
|
@ -656,6 +655,7 @@ h1 svg {
|
|||
}
|
||||
.print {
|
||||
white-space: nowrap;
|
||||
font-style: normal;
|
||||
}
|
||||
.svg-outer {
|
||||
width: 0.75em;
|
||||
|
|
|
|||
|
|
@ -92,26 +92,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -125,11 +131,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -138,7 +142,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -1,50 +1,50 @@
|
|||
/* expandable sections */
|
||||
(function () {
|
||||
function toggle (button, target) {
|
||||
var expanded = button.getAttribute('aria-expanded') === 'true'
|
||||
button.setAttribute('aria-expanded', !expanded)
|
||||
target.hidden = !target.hidden
|
||||
var expanded = button.getAttribute('aria-expanded') === 'true';
|
||||
button.setAttribute('aria-expanded', !expanded);
|
||||
target.hidden = !target.hidden;
|
||||
}
|
||||
|
||||
var expanders = document.querySelectorAll('[data-expands]')
|
||||
var expanders = document.querySelectorAll('[data-expands]');
|
||||
|
||||
Array.prototype.forEach.call(expanders, function (expander) {
|
||||
var target = document.getElementById(expander.getAttribute('data-expands'))
|
||||
var target = document.getElementById(expander.getAttribute('data-expands'));
|
||||
|
||||
expander.addEventListener('click', function () {
|
||||
toggle(expander, target)
|
||||
toggle(expander, target);
|
||||
})
|
||||
})
|
||||
}());
|
||||
|
||||
/* menu button */
|
||||
(function () {
|
||||
var button = document.getElementById('menu-button')
|
||||
var button = document.getElementById('menu-button');
|
||||
if (button) {
|
||||
var menu = document.getElementById('patterns-list')
|
||||
var menu = document.getElementById('patterns-list');
|
||||
button.addEventListener('click', function() {
|
||||
var expanded = this.getAttribute('aria-expanded') === 'true'
|
||||
this.setAttribute('aria-expanded', !expanded)
|
||||
var expanded = this.getAttribute('aria-expanded') === 'true';
|
||||
this.setAttribute('aria-expanded', !expanded);
|
||||
})
|
||||
}
|
||||
}());
|
||||
|
||||
/* persist navigation scroll point */
|
||||
(function () {
|
||||
window.onunload = function () {
|
||||
var patternsNav = document.getElementById('patterns-nav')
|
||||
window.onbeforeunload = function () {
|
||||
var patternsNav = document.getElementById('patterns-nav');
|
||||
if (patternsNav) {
|
||||
var scrollPoint = patternsNav.scrollTop
|
||||
localStorage.setItem('scrollPoint', scrollPoint)
|
||||
var scrollPoint = patternsNav.scrollTop;
|
||||
localStorage.setItem('scrollPoint', scrollPoint);
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('DOMContentLoaded', function () {
|
||||
if (document.getElementById('patterns-nav')) {
|
||||
if (window.location.href.indexOf('patterns/') !== -1) {
|
||||
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'))
|
||||
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'));
|
||||
} else {
|
||||
document.getElementById('patterns-nav').scrollTop = 0
|
||||
document.getElementById('patterns-nav').scrollTop = 0;
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -52,27 +52,27 @@
|
|||
|
||||
/* Add "link here" links to <h2> headings */
|
||||
(function () {
|
||||
var headings = document.querySelectorAll('main > h2')
|
||||
var headings = document.querySelectorAll('main > h2');
|
||||
|
||||
Array.prototype.forEach.call(headings, function (heading) {
|
||||
var id = heading.getAttribute('id')
|
||||
var id = heading.getAttribute('id');
|
||||
|
||||
if (id) {
|
||||
var newHeading = heading.cloneNode(true)
|
||||
var newHeading = heading.cloneNode(true);
|
||||
|
||||
var container = document.createElement('div')
|
||||
container.setAttribute('class', 'h2-container')
|
||||
container.appendChild(newHeading)
|
||||
var container = document.createElement('div');
|
||||
container.setAttribute('class', 'h2-container');
|
||||
container.appendChild(newHeading);
|
||||
|
||||
heading.parentNode.insertBefore(container, heading)
|
||||
heading.parentNode.insertBefore(container, heading);
|
||||
|
||||
var link = document.createElement('a')
|
||||
link.setAttribute('href', '#' + id)
|
||||
var headingText = heading.textContent
|
||||
link.setAttribute('aria-label', 'To this ' + headingText + ' section')
|
||||
link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>'
|
||||
var link = document.createElement('a');
|
||||
link.setAttribute('href', '#' + id);
|
||||
var headingText = heading.textContent;
|
||||
link.setAttribute('aria-label', 'To this ' + headingText + ' section');
|
||||
link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
|
||||
|
||||
container.appendChild(link)
|
||||
container.appendChild(link);
|
||||
|
||||
heading.parentNode.removeChild(heading);
|
||||
}
|
||||
|
|
@ -80,32 +80,70 @@
|
|||
}());
|
||||
|
||||
|
||||
// SVG scaling fix for IE10-11
|
||||
/* SVG scaling fix for IE10-11 */
|
||||
(function () {
|
||||
if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) {
|
||||
// Get all the SVGs on the page except the symbol defs
|
||||
var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg')
|
||||
var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg');
|
||||
// ... iterate over SVGs
|
||||
Array.prototype.forEach.call(svgs, function(svg) {
|
||||
// Set preserveAspectRatio to 'XMidYMin slice'
|
||||
svg.setAttribute('preserveAspectRatio', 'xMidYMin slice')
|
||||
svg.setAttribute('preserveAspectRatio', 'xMidYMin slice');
|
||||
|
||||
// Turn the viewBox values into an array
|
||||
var viewBox = svg.getAttribute('viewBox').split(' ')
|
||||
var viewBox = svg.getAttribute('viewBox').split(' ');
|
||||
|
||||
// Calculate padding value needed (width/height x 100)
|
||||
var padding = (viewBox[2] / viewBox[3]) * 100
|
||||
var padding = (viewBox[2] / viewBox[3]) * 100;
|
||||
|
||||
// Set inline styles
|
||||
svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible')
|
||||
svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible');
|
||||
|
||||
// Create span wrapper
|
||||
var span = document.createElement('span')
|
||||
span.setAttribute('class', 'svg-outer')
|
||||
span.style.width = '0.75em'
|
||||
var span = document.createElement('span');
|
||||
span.setAttribute('class', 'svg-outer');
|
||||
span.style.width = '0.75em';
|
||||
|
||||
svg.parentNode.insertBefore(span, svg)
|
||||
span.appendChild(svg)
|
||||
svg.parentNode.insertBefore(span, svg);
|
||||
span.appendChild(svg);
|
||||
})
|
||||
}
|
||||
}());
|
||||
|
||||
/* Contrast calculation */
|
||||
function hexToRgb(hex) {
|
||||
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
||||
return result ? [
|
||||
parseInt(result[1], 16),
|
||||
parseInt(result[2], 16),
|
||||
parseInt(result[3], 16)
|
||||
] : null;
|
||||
}
|
||||
|
||||
function luminance(r, g, b) {
|
||||
var a = [r, g, b].map(function (v) {
|
||||
v /= 255;
|
||||
return v <= 0.03928
|
||||
? v / 12.92
|
||||
: Math.pow( (v + 0.055) / 1.055, 2.4 );
|
||||
});
|
||||
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
||||
}
|
||||
|
||||
function ratio(hex1, hex2) {
|
||||
var rgb1 = hexToRgb(hex1);
|
||||
var rgb2 = hexToRgb(hex2);
|
||||
var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05;
|
||||
var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05;
|
||||
var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1;
|
||||
var level;
|
||||
if (ratio > 4.5) {
|
||||
level = ratio > 7 ? "AAA" : "AA";
|
||||
} else {
|
||||
level = "Fails";
|
||||
}
|
||||
return {
|
||||
ratio: ratio.toFixed(2)+':1',
|
||||
level: level
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -87,26 +87,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper print-version">
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -89,26 +89,32 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
||||
<div class="wrapper ">
|
||||
|
|
@ -122,11 +128,9 @@
|
|||
Documentation for the <strong>Infusion</strong> pattern library builder, built with <strong>Infusion</strong> itself.
|
||||
|
||||
<a class="print" href="https://thepaciellogroup.github.io/infusion/print-version">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -135,7 +139,7 @@
|
|||
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -49,11 +49,9 @@
|
|||
{{ .Site.Params.Description | markdownify }}
|
||||
{{ if ne .Type "print-version" }}
|
||||
<a class="print" href="{{ "print-version" | absURL }}">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:#1a1a1a" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</svg>Print version
|
||||
<svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#doc"></use>
|
||||
</svg>Print version
|
||||
{{ end }}
|
||||
</a>
|
||||
</p>
|
||||
|
|
@ -64,7 +62,7 @@
|
|||
{{ block "nav" . }}
|
||||
<nav id="patterns-nav" class="patterns" role="navigation">
|
||||
<button id="menu-button" aria-expanded="false">
|
||||
<svg viewBox="0 0 50 50" width="50" height="50" focusable="false">
|
||||
<svg viewBox="0 0 50 50" aria-hidden="true" focusable="false">
|
||||
<use xlink:href="#menu"></use>
|
||||
</svg>
|
||||
Menu
|
||||
|
|
|
|||
|
|
@ -52,24 +52,30 @@
|
|||
</symbol>
|
||||
|
||||
<symbol id="menu" viewBox="0 0 50 50">
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="0" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="20" x="0"/>
|
||||
<rect style="stroke-width:0;fill:currentColor" height="10" width="50" y="40" x="0"/>
|
||||
</symbol>
|
||||
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
<symbol id="link" viewBox="0 0 50 50">
|
||||
<g transform="translate(0 -1002.4)">
|
||||
<g transform="matrix(.095670 0 0 .095670 2.3233 1004.9)">
|
||||
<g>
|
||||
<path style="stroke-width:0;fill:currentColor" d="m452.84 192.9-128.65 128.65c-35.535 35.54-93.108 35.54-128.65 0l-42.881-42.886 42.881-42.876 42.884 42.876c11.845 11.822 31.064 11.846 42.886 0l128.64-128.64c11.816-11.831 11.816-31.066 0-42.9l-42.881-42.881c-11.822-11.814-31.064-11.814-42.887 0l-45.928 45.936c-21.292-12.531-45.491-17.905-69.449-16.291l72.501-72.526c35.535-35.521 93.136-35.521 128.64 0l42.886 42.881c35.535 35.523 35.535 93.141-.001 128.66zm-254.28 168.51-45.903 45.9c-11.845 11.846-31.064 11.817-42.881 0l-42.884-42.881c-11.845-11.821-11.845-31.041 0-42.886l128.65-128.65c11.819-11.814 31.069-11.814 42.884 0l42.886 42.886 42.876-42.886-42.876-42.881c-35.54-35.521-93.113-35.521-128.65 0l-128.65 128.64c-35.538 35.545-35.538 93.146 0 128.65l42.883 42.882c35.51 35.54 93.11 35.54 128.65 0l72.496-72.499c-23.956 1.597-48.092-3.784-69.474-16.283z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="doc" viewBox="0 0 35 45">
|
||||
<g transform="translate(-147.53 -539.83)">
|
||||
<path style="stroke:currentColor;stroke-width:2.4501;fill:none" d="m149.38 542.67v39.194h31.354v-39.194z"/>
|
||||
<g style="stroke-width:25" transform="matrix(.098003 0 0 .098003 133.69 525.96)">
|
||||
<path d="m220 252.36h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path style="stroke:currentColor;stroke-width:25;fill:none" d="m220 409.95h200"/>
|
||||
<path d="m220 488.74h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
<path d="m220 331.15h200" style="stroke:currentColor;stroke-width:25;fill:none"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</symbol>
|
||||
|
||||
<symbol id="printer" viewBox="0 0 50 50">
|
||||
<g transform="translate(-25.001 -1002.4)">
|
||||
<path style="fill:currentColor" d="m42.85 1008.1c-1.5847 0-2.8605 1.2758-2.8605 2.8605v7.1513h-8.5815c-1.5847 0-2.8605 1.2758-2.8605 2.8605v15.733c0 1.5847 1.2758 2.8605 2.8605 2.8605h8.9419v4.2908c0 1.5847 1.2758 2.8605 2.8605 2.8605h14.272c1.5847 0 2.8605-1.2758 2.8605-2.8605v-4.2908h8.2519c1.5847 0 2.8605-1.2758 2.8605-2.8605v-15.733c0-1.5847-1.2758-2.8605-2.8605-2.8605h-8.2519v-7.1513c0-1.5847-1.2758-2.8605-2.8605-2.8605h-14.632zm3.1147 3.0645h8.5815c1.5847 0 2.8119 1.2765 2.8605 2.8605l.12849 4.1623-14.303-.1259-.12849-4.0366c0-1.5847 1.2758-2.8605 2.8605-2.8605zm20.772 9.8078a2.0368 2.1326 0 0 1 .54472 .064 2.0368 2.1326 0 0 1 1.4833 2.5839l-.0029.014a2.0368 2.1326 0 0 1 -2.4749 1.542 2.0368 2.1326 0 0 1 -1.4749 -2.5895 2.0368 2.1326 0 0 1 1.9247 -1.6119zm-23.633 14.199h14.303v5.8243c0 1.5847-1.2758 2.8605-2.8605 2.8605h-8.5815c-1.5847 0-2.8605-1.2758-2.8605-2.8605v-5.8243zm3.5756 1.8939c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513zm0 2.8605c-.39618 0-.71512.319-.71512.7152s.31895.7151.71512.7151h7.1513c.39618 0 .71512-.3189.71512-.7151s-.31895-.7152-.71512-.7152h-7.1513z"/>
|
||||
</g>
|
||||
</symbol>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.2 KiB |
|
|
@ -230,7 +230,7 @@ caption {
|
|||
overflow-x: hidden;
|
||||
}
|
||||
.intro-and-nav {
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.8rem;
|
||||
width: 15rem;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
|
|
@ -258,11 +258,10 @@ caption {
|
|||
max-width: 12rem;
|
||||
}
|
||||
.library-desc {
|
||||
font-style: italic;
|
||||
margin-top: 0.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 30rem;
|
||||
max-width: 25rem;
|
||||
}
|
||||
.main-and-footer {
|
||||
margin-left: 15rem;
|
||||
|
|
@ -318,7 +317,7 @@ caption {
|
|||
.pattern [aria-current] {
|
||||
background-color: #111;
|
||||
background-image: url(images/arrow_effect.svg);
|
||||
background-position: right center;
|
||||
background-position: 98% center;
|
||||
background-size: 125%;
|
||||
background-repeat: no-repeat;
|
||||
color: #fff;
|
||||
|
|
@ -656,6 +655,7 @@ h1 svg {
|
|||
}
|
||||
.print {
|
||||
white-space: nowrap;
|
||||
font-style: normal;
|
||||
}
|
||||
.svg-outer {
|
||||
width: 0.75em;
|
||||
|
|
|
|||
|
|
@ -1,50 +1,50 @@
|
|||
/* expandable sections */
|
||||
(function () {
|
||||
function toggle (button, target) {
|
||||
var expanded = button.getAttribute('aria-expanded') === 'true'
|
||||
button.setAttribute('aria-expanded', !expanded)
|
||||
target.hidden = !target.hidden
|
||||
var expanded = button.getAttribute('aria-expanded') === 'true';
|
||||
button.setAttribute('aria-expanded', !expanded);
|
||||
target.hidden = !target.hidden;
|
||||
}
|
||||
|
||||
var expanders = document.querySelectorAll('[data-expands]')
|
||||
var expanders = document.querySelectorAll('[data-expands]');
|
||||
|
||||
Array.prototype.forEach.call(expanders, function (expander) {
|
||||
var target = document.getElementById(expander.getAttribute('data-expands'))
|
||||
var target = document.getElementById(expander.getAttribute('data-expands'));
|
||||
|
||||
expander.addEventListener('click', function () {
|
||||
toggle(expander, target)
|
||||
toggle(expander, target);
|
||||
})
|
||||
})
|
||||
}());
|
||||
|
||||
/* menu button */
|
||||
(function () {
|
||||
var button = document.getElementById('menu-button')
|
||||
var button = document.getElementById('menu-button');
|
||||
if (button) {
|
||||
var menu = document.getElementById('patterns-list')
|
||||
var menu = document.getElementById('patterns-list');
|
||||
button.addEventListener('click', function() {
|
||||
var expanded = this.getAttribute('aria-expanded') === 'true'
|
||||
this.setAttribute('aria-expanded', !expanded)
|
||||
var expanded = this.getAttribute('aria-expanded') === 'true';
|
||||
this.setAttribute('aria-expanded', !expanded);
|
||||
})
|
||||
}
|
||||
}());
|
||||
|
||||
/* persist navigation scroll point */
|
||||
(function () {
|
||||
window.onunload = function () {
|
||||
var patternsNav = document.getElementById('patterns-nav')
|
||||
window.onbeforeunload = function () {
|
||||
var patternsNav = document.getElementById('patterns-nav');
|
||||
if (patternsNav) {
|
||||
var scrollPoint = patternsNav.scrollTop
|
||||
localStorage.setItem('scrollPoint', scrollPoint)
|
||||
var scrollPoint = patternsNav.scrollTop;
|
||||
localStorage.setItem('scrollPoint', scrollPoint);
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('DOMContentLoaded', function () {
|
||||
if (document.getElementById('patterns-nav')) {
|
||||
if (window.location.href.indexOf('patterns/') !== -1) {
|
||||
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'))
|
||||
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'));
|
||||
} else {
|
||||
document.getElementById('patterns-nav').scrollTop = 0
|
||||
document.getElementById('patterns-nav').scrollTop = 0;
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -52,27 +52,27 @@
|
|||
|
||||
/* Add "link here" links to <h2> headings */
|
||||
(function () {
|
||||
var headings = document.querySelectorAll('main > h2')
|
||||
var headings = document.querySelectorAll('main > h2');
|
||||
|
||||
Array.prototype.forEach.call(headings, function (heading) {
|
||||
var id = heading.getAttribute('id')
|
||||
var id = heading.getAttribute('id');
|
||||
|
||||
if (id) {
|
||||
var newHeading = heading.cloneNode(true)
|
||||
var newHeading = heading.cloneNode(true);
|
||||
|
||||
var container = document.createElement('div')
|
||||
container.setAttribute('class', 'h2-container')
|
||||
container.appendChild(newHeading)
|
||||
var container = document.createElement('div');
|
||||
container.setAttribute('class', 'h2-container');
|
||||
container.appendChild(newHeading);
|
||||
|
||||
heading.parentNode.insertBefore(container, heading)
|
||||
heading.parentNode.insertBefore(container, heading);
|
||||
|
||||
var link = document.createElement('a')
|
||||
link.setAttribute('href', '#' + id)
|
||||
var headingText = heading.textContent
|
||||
link.setAttribute('aria-label', 'To this ' + headingText + ' section')
|
||||
link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>'
|
||||
var link = document.createElement('a');
|
||||
link.setAttribute('href', '#' + id);
|
||||
var headingText = heading.textContent;
|
||||
link.setAttribute('aria-label', 'To this ' + headingText + ' section');
|
||||
link.innerHTML = '<svg aria-hidden="true" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
|
||||
|
||||
container.appendChild(link)
|
||||
container.appendChild(link);
|
||||
|
||||
heading.parentNode.removeChild(heading);
|
||||
}
|
||||
|
|
@ -80,32 +80,70 @@
|
|||
}());
|
||||
|
||||
|
||||
// SVG scaling fix for IE10-11
|
||||
/* SVG scaling fix for IE10-11 */
|
||||
(function () {
|
||||
if (window.matchMedia('(-ms-high-contrast: none), (-ms-high-contrast: active)').matches) {
|
||||
// Get all the SVGs on the page except the symbol defs
|
||||
var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg')
|
||||
var svgs = document.querySelectorAll('a svg, button svg, h1 svg, .tags svg');
|
||||
// ... iterate over SVGs
|
||||
Array.prototype.forEach.call(svgs, function(svg) {
|
||||
// Set preserveAspectRatio to 'XMidYMin slice'
|
||||
svg.setAttribute('preserveAspectRatio', 'xMidYMin slice')
|
||||
svg.setAttribute('preserveAspectRatio', 'xMidYMin slice');
|
||||
|
||||
// Turn the viewBox values into an array
|
||||
var viewBox = svg.getAttribute('viewBox').split(' ')
|
||||
var viewBox = svg.getAttribute('viewBox').split(' ');
|
||||
|
||||
// Calculate padding value needed (width/height x 100)
|
||||
var padding = (viewBox[2] / viewBox[3]) * 100
|
||||
var padding = (viewBox[2] / viewBox[3]) * 100;
|
||||
|
||||
// Set inline styles
|
||||
svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible')
|
||||
svg.setAttribute('style', 'width: 100%; height: 1px; padding-bottom: ' + padding + '%; overflow: visible');
|
||||
|
||||
// Create span wrapper
|
||||
var span = document.createElement('span')
|
||||
span.setAttribute('class', 'svg-outer')
|
||||
span.style.width = '0.75em'
|
||||
var span = document.createElement('span');
|
||||
span.setAttribute('class', 'svg-outer');
|
||||
span.style.width = '0.75em';
|
||||
|
||||
svg.parentNode.insertBefore(span, svg)
|
||||
span.appendChild(svg)
|
||||
svg.parentNode.insertBefore(span, svg);
|
||||
span.appendChild(svg);
|
||||
})
|
||||
}
|
||||
}());
|
||||
|
||||
/* Contrast calculation */
|
||||
function hexToRgb(hex) {
|
||||
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
||||
return result ? [
|
||||
parseInt(result[1], 16),
|
||||
parseInt(result[2], 16),
|
||||
parseInt(result[3], 16)
|
||||
] : null;
|
||||
}
|
||||
|
||||
function luminance(r, g, b) {
|
||||
var a = [r, g, b].map(function (v) {
|
||||
v /= 255;
|
||||
return v <= 0.03928
|
||||
? v / 12.92
|
||||
: Math.pow( (v + 0.055) / 1.055, 2.4 );
|
||||
});
|
||||
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
||||
}
|
||||
|
||||
function ratio(hex1, hex2) {
|
||||
var rgb1 = hexToRgb(hex1);
|
||||
var rgb2 = hexToRgb(hex2);
|
||||
var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05;
|
||||
var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05;
|
||||
var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1;
|
||||
var level;
|
||||
if (ratio > 4.5) {
|
||||
level = ratio > 7 ? "AAA" : "AA";
|
||||
} else {
|
||||
level = "Fails";
|
||||
}
|
||||
return {
|
||||
ratio: ratio.toFixed(2)+':1',
|
||||
level: level
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue