tiennm99/hugoDocs
1
0 Fork 0
mirror of https://github.com/tiennm99/hugoDocs.git synced 2026-10-13 20:14:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix toc

Browse Source
This commit is contained in:
Ryan Watters committed 2017-03-02 15:36:43 -06:00
1 parent befd5d73d1
commit d5b49fe3c4
21 files changed
+682 -873
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

content/content-management/formats.md
+1 -1
View File
@@ -26,7 +26,7 @@ Before you begin writing your content in markdown, Blackfriday has a known issue
You can configure multiple aspects of Blackfriday. For more information, see [how to configure your Hugo projects][config]:
{{< bfconfig >}}
{{< readfile file="content/readfiles/bfconfig.md" markdown="true" >}}
## Extending Markdown
content/troubleshooting/accented-characters-in-urls.md
+3 -3
View File
@@ -26,13 +26,13 @@ toc: true
## Solution
Mac OS X user? If so, you are likely a victim of HFS Plus file system's insistence to store the "é" (U+00E9) character in Normal Form Decomposed (NFD) mode, i.e. as "e" + " ́" (U+0065 U+0301).
Are you a Mac OS X user? If so, you are likely a victim of HFS Plus file system's insistence to store the "é" (U+00E9) character in Normal Form Decomposed (NFD) mode, i.e. as "e" + " ́" (U+0065 U+0301).
`le-carr%C3%A9` is actually correct, `%C3%A9` being the UTF-8 version of U+00E9 as expected by the web server. The problem is that OS X turns [U+00E9] into [U+0065 U+0301], and thus `le-carr%C3%A9` no longer works. Instead, only `le-carre%CC%81` ending with `e%CC%81` would match that [U+0065 U+0301] at the end.
This is unique to OS X. The rest of the world does not do this, and most certainly not your web server which is most likely running Linux. This is not a Hugo-specific problem either. Other people have been bitten by this when they have accented characters in their HTML files.
This is unique to OS X. The rest of the world does not do this, and most certainly not your web server which is most likely running Linux. This is not a Hugo-specific problem either. Other people have been bitten by this when they have accented characters in their HTML files.
Note that this problem is not specific to Latin scripts. Japanese Mac users often run into the same issue; e.g., with `だ` decomposing into `た` and <code>&#x3099;</code> (read the [Japanese Perl users article][]).
Note that this problem is not specific to Latin scripts. Japanese Mac users often run into the same issue; e.g., with `だ` decomposing into `た` and `&#x3099;`. (Read the [Japanese Perl users article][]).
Rsync 3.x to the rescue! From [an answer posted on Server Fault][]:
layouts/_default/single.html
+2 -2
View File
@@ -9,9 +9,9 @@
{{- partial "content-header-links.html" . -}}
{{- partial "tags.html" . -}}
<!-- temporary WIP badge; should be removed before site launch -->
{{- if .Params.wip -}}
<!-- {{- if .Params.wip -}}
<div id="beingreviewed">WIP</div>
{{- end -}}
{{- end -}} -->
{{ $title := .Title }}
</header>
<div class="body-copy" data-section={{.Section | urlize}}>
layouts/partials/homepage/homepage-content.html
+1 -1
View File
@@ -36,6 +36,6 @@
</div>
<div class="home-row references">
<h2>References</h2>
{{ partial "homepage-references.html" . }}
{{ partial "homepage/homepage-references.html" . }}
</div>
</main>
layouts/shortcodes/bfconfig.html
-197
View File
@@ -1,197 +0,0 @@
<table class="bf-configuration">
<!-- NOTE THAT THIS SHORTCODE IS USED ON GETTING-STARTED/CONFIGURATION, /CONTENT/FORMATS/ AND THEREFORE REFERENCES THE MULTILINGUAL MODE AT THE BOTTOM OF THE TABLE -->
<thead>
<tr>
<th>Flag</th>
<th>Default</th>
<th>Blackfriday flag</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><strong>taskLists</strong></code></td>
<td class="bf-default"><code>true</code></td>
<td class="bf-flag"><code></code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>false</code> turns off GitHub-style automatic task/TODO
list generation.
</td>
</tr>
<tr>
<td><code><strong>smartypants</strong></code></td>
<td class="bf-default"><code>true</code></td>
<td class="bf-flag"><code>HTML_USE_SMARTYPANTS</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>false</code> disables smart punctuation substitutions
including smart quotes, smart dashes, smart fractions, etc.
If <code>true</code>, it may be fine-tuned with the
<code>angledQuotes</code>,
<code>fractions</code>,
<code>smartDashes</code>, and
<code>latexDashes</code> flags (see below).
</td>
</tr>
<tr>
<td><code><strong>angledQuotes</strong></code></td>
<td class="bf-default"><code>false</code></td>
<td class="bf-flag"><code>HTML_SMARTYPANTS_ANGLED_QUOTES</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>true</code> enables smart, angled double quotes.<br>
<small>
<strong>Example:</strong>
<code>"Hugo"</code> renders to
«Hugo» instead of “Hugo”.
</small>
</td>
</tr>
<tr>
<td><code><strong>fractions</strong></code></td>
<td class="bf-default"><code>true</code></td>
<td class="bf-flag"><code>HTML_SMARTYPANTS_FRACTIONS</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>false</code> disables smart fractions.<br>
<small>
<strong>Example:</strong>
<code>5/12</code> renders to
<sup>5</sup>&frasl;<sub>12</sub>
(<code>&lt;sup&gt;5&lt;/sup&gt;&amp;frasl;&lt;sub&gt;12&lt;/sub&gt;</code>).<br>
<strong>Caveat:</strong>
Even with <code>fractions = false</code>,
Blackfriday still converts
1/2, 1/4 and 3/4 respectively to
½ (<code>&amp;frac12;</code>),
¼ (<code>&amp;frac14;</code>) and
¾ (<code>&amp;frac34;</code>),
but only these three.</small>
</td>
</tr>
<tr>
<td><code><strong>smartDashes</strong></code></td>
<td class="bf-default"><code>true</code></td>
<td class="bf-flag"><code>HTML_SMARTYPANTS_DASHES</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>false</code> disables smart dashes; i.e., the conversion
of multiple hyphens into en&nbsp;dash or em&nbsp;dash.
If <code>true</code>, its behavior can be modified with the
<code>latexDashes</code> flag below.
</td>
</tr>
<tr>
<td><code><strong>latexDashes</strong></code></td>
<td class="bf-default"><code>true</code></td>
<td class="bf-flag"><code>HTML_SMARTYPANTS_LATEX_DASHES</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>false</code> disables LaTeX-style smart dashes and
selects conventional smart dashes. Assuming
<code>smartDashes</code> (above):
<ul>
<li>
If <strong><code>true</code>,</strong>
<code>--</code> is translated into “&ndash;”
(<code>&amp;ndash;</code>), whereas
<code>---</code> is translated into “&mdash;”
(<code>&amp;mdash;</code>).
</li>
<li>
If <strong><code>false</code>,</strong>
<code>--</code> is translated into “&mdash;”
(<code>&amp;mdash;</code>), whereas a
<em>spaced</em> single hyphen between two words
is translated into an en&nbsp;dash&mdash;e.g.,
<code>12 June - 3 July</code> becomes
<code>12 June &amp;ndash; 3 July</code>.
</li>
</ul>
</td>
</tr>
<tr>
<td><code><strong>hrefTargetBlank</strong></code></td>
<td class="bf-default"><code>false</code></td>
<td class="bf-flag"><code>HTML_HREF_TARGET_BLANK</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>true</code> opens external links in a new window or tab.
</td>
</tr>
<tr>
<td><code><strong>plainIDAnchors</strong></code></td>
<td class="bf-default"><code>true</code></td>
<td class="bf-flag">
<code>FootnoteAnchorPrefix</code> and
<code>HeaderIDSuffix</code>
</td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
<code>true</code> renders any header and footnote IDs
without the document ID.<br>
<small>
<strong>Example:</strong>
renders <code>#my-header</code> instead of
<code>#my-header:bec3ed8ba720b9073ab75abcf3ba5d97</code>.
</small>
</td>
</tr>
<tr>
<td><code><strong>extensions</strong></code></td>
<td class="bf-default"><code>[]</code></td>
<td class="bf-flag"><code>EXTENSION_*</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
Enable one or more of Blackfriday's Markdown extensions
(if they aren't Hugo defaults).<br>
<small>
<strong>Example:</strong> &nbsp;
Include <code>"hardLineBreak"</code>
in the list to enable Blackfriday's
<code>EXTENSION_HARD_LINE_BREAK</code>.
</small>
</td>
</tr>
<tr>
<td><code><strong>extensionsmask</strong></code></td>
<td class="bf-default"><code>[]</code></td>
<td class="bf-flag"><code>EXTENSION_*</code></td>
</tr>
<tr>
<td class="purpose-description" colspan="3">
<span class="purpose-title">Purpose:</span>
Disable one or more of Blackfriday's Markdown extensions
(if they are Hugo defaults).<br>
<small>
<strong>Example:</strong> &nbsp;
Include <code>"autoHeaderIds"</code>
in the list to disable Blackfriday's
<code>EXTENSION_AUTO_HEADER_IDS</code>.
</small>
</td>
</tr>
</tbody>
</table>
<p>For additional Blackfriday configuration for multilingual sites, see <a href="/content-management/multilingual/#taxonomies-and-blackfriday">Taxonomies and Blackfriday in Multingual Mode.</a></p>
pipeline/js/scripts/site-navigation.js
+1 -1
View File
@@ -6,7 +6,7 @@ $('.top-menu-item-link.true').on('click', function(evt) {
slideDir = isOpen ? 'slideUp' : 'slideDown',
dur = isOpen ? 200 : 400;
$ul.velocity(slideDir, {
easing: 'easeOutQuart',
easing: 'easeOut',
duration: dur
});
});
pipeline/scss/_variables.scss
+1 -1
View File
@@ -92,7 +92,7 @@ $toc-bg-color:$body-bg-color;
//Footers
$site-footer-bg-color:$hugo-black;
$site-footer-height: 100px;
$site-footer-height-l-plus: 140px;
//Tags
$tag-bg-color:$hugo-gray-ultra-light;
pipeline/scss/components/_anchors.scss
+3
View File
@@ -101,6 +101,9 @@ a.tooltip {
transition: opacity .3s ease-in-out;
opacity: 1;
}
.icon-link:hover {
color:$hugo-pink;
}
}
}
}
pipeline/scss/components/_code-OLD.scss
+471
View File
@@ -0,0 +1,471 @@
//General code styling for inline code (ie, within body copy and not in a separate code block)
code,
pre {
font-family: $code-font-family;
margin: 0px;
font-weight: $code-font-base-weight;
color: inherit;
}
.body-copy > pre {
@include card(3);
text-shadow: none;
padding: 0px;
margin: .5em 0px 32px 0px;
overflow: auto;
& > code {
color: $hugo-white;
}
}
.body-copy {
p {
code {
display: inline-block;
padding-top: .15em;
}
}
}
.body-copy {
p,
td,
li {
code {
font-size: .85em;
display: inline-block;
color: inherit;
font-family: "robotomono", courier, monospace;
padding-left: .25em;
padding-right: .25em;
text-transform: none;
line-height: 1.2;
margin-bottom: .15em;
margin-top: 0px;
padding-top: 3px;
vertical-align: middle;
background-color: #ededed;
border: none;
outline: none;
z-index: -1;
padding-bottom: 3px;
border: none;
outline: none;
z-index: -1;
background-color: darken($inline-code-background-color, 5%);
@include MQ(retina) {
//lighten code background color for retina displays
background-color: $inline-code-background-color;
}
}
}
//for definitions lists
dd,
dt {
code {
//darken code background color for non-retina displays
background-color: darken($inline-code-background-color, 5%);
color: $inline-code-text-color;
font-family: $code-font-family;
@include MQ(retina) {
//lighten code background color for retina displays
background-color: $inline-code-background-color;
}
}
}
p > a code,
li > a code,
td > a code {
color: $hugo-pink;
}
> pre {
padding-bottom: 20px;
padding-top: 20px;
background-color: $code-block-background-color;
font-family: $code-font-family;
color: $code-block-base-font-color;
}
li > code,
li > span > code {
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
}
}
//for clipboard.js tooltip and button
div.code-copy {
position: relative;
margin-top: 1em;
margin-bottom: 32px;
background-color: $code-block-background-color;
&.input {
padding-bottom: 24px;
}
.code-copy-content {
padding-top: .5em;
&.output-content {
padding-bottom: .5em;
}
}
}
p + .code-copy {
margin-top: 0em;
}
button.copy-button,
button.download-button {
display: block;
box-shadow: none;
padding: 0px;
transition: all .2s ease-in-out;
background-color: $code-copy-button-color;
box-sizing: border-box;
position: absolute;
bottom: 0px;
z-index: 4;
// min-width: 90px;
// width: auto;
@include size(30px);
padding: {
left: 4px;
right: 4px;
}
height: 1.5em;
border-width: 0px;
border-radius: 0px;
font-weight: $code-font-bold-weight;
color: $code-copy-button-text-color;
font-size: 14px;
line-height: 24px;
height: 24px;
vertical-align: middle;
text-align: center;
text-transform:uppercase;
&:hover {
background-color: $hugo-blue;
box-shadow: none;
}
&:active,
&:focus {
outline: none;
position: absolute;
}
}
// .button.copy-button {
// opacity: 0;
// }
h1,
h2,
h3,
h4,
h5,
h6 {
code {
font-weight: $code-font-bold-weight;
font-size: .95em;
}
}
//hide copy button on iPad and iPhone
button.copy-button {
@include MQ(retinaPortrait) {
display: none;
}
@include MQ(retinaLandscape) {
display: none;
}
}
button.download-button {
display: none;
@include MQ(M) {
display: block;
}
}
a[role="button"].see-code-source {
position: absolute;
top: 1.75em;
right: 0px;
border-radius: 0px;
background: transparent;
text-transform: uppercase;
color: darken($hugo-white, 5%);
font-size: 14px;
}
a[href*="bitbucket"].see-code-source:after {
content: '\f171';
font-family: 'FontAwesome';
display: inline-block;
font-size: 1.3em;
color: inherit;
margin-left: .2em;
}
a[href*="github"].see-code-source:after {
content: '\f09b';
font-family: 'FontAwesome';
display: inline-block;
font-size: 1.3em;
color: inherit;
margin-left: .2em;
}
a[href*="gitlab"].see-code-source:after {
content: '\f296';
font-family: 'FontAwesome';
display: inline-block;
font-size: 1.3em;
color: inherit;
margin-left: .2em;
}
button.copy-button {
display: none;
@include MQ(M) {
display: block;
right: 0px;
}
i.icon-clipboard {
display: inline;
}
}
div.code-copy {
position: relative;
@include card(3);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
border-radius: 0px;
}
div.code-copy-header {
position: relative;
height: 1.5em;
line-height: 1.5em;
background-color: $code-editor-header-base-bg-color;
border-radius: 0px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
&.output {
background-color: $output-example-color;
}
&.examplesite {
background-color: $examplesite-codeblock-shortcode-header-bg-color;
}
span.filename {
text-align: center;
color: $code-filename-color;
font-weight: 100;
font-size: 12px;
font-family: $systemfonts;
i.icon-website {
color: inherit;
font-weight: bold;
font-size: 18px;
}
}
[class^="icon-"] {
color: $code-filename-color;
}
//corrects odd placement of terminal icon
i.icon-sh.input,
i.icon-bash.input {
padding-right: .5em;
}
}
.tooltipped {
position: relative;
background-color: $code-tooltip-bg-color;
padding-right: 2em;
}
.tooltipped:after {
position: absolute;
z-index: 1000000;
display: none;
padding: 2px 4px;
font-size: .8em;
font-weight: $base-font-bold-weight;
font-family: $heading-font-family;
color: $hugo-white;
text-align: center;
text-transform: uppercase;
text-decoration: none;
text-shadow: none;
letter-spacing: normal;
word-wrap: break-word;
white-space: pre;
pointer-events: none;
content: attr(aria-label);
background-color: $code-tooltip-bg-color;
border-color: $code-tooltip-bg-color;
border-radius: 0px;
-webkit-font-smoothing: subpixel-antialiased
}
.tooltipped:before {
position: absolute;
z-index: 1000001;
display: none;
width: 0;
height: 0;
color: $code-tooltip-bg-color;
pointer-events: none;
content: "";
border: 5px solid transparent;
}
.tooltipped:hover:before,
.tooltipped:hover:after,
.tooltipped:active:before,
.tooltipped:active:after,
.tooltipped:focus:before,
.tooltipped:focus:after {
display: inline-block;
text-decoration: none;
}
.tooltipped-multiline:hover:after,
.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after {
display: table-cell;
}
.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {
top: 100%;
right: 50%;
margin-top: 5px;
text-align: center;
}
.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
top: auto;
right: 50%;
bottom: -5px;
margin-right: -5px;
border-bottom-color: $code-tooltip-bg-color;
text-align: center;
}
.tooltipped-se:after {
right: auto;
left: 50%;
margin-left: -15px;
text-align: center;
}
.tooltipped-sw:after {
margin-right: -15px
}
.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {
right: 50%;
bottom: 100%;
margin-bottom: 5px
}
.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
top: -5px;
right: 50%;
bottom: auto;
margin-right: -5px;
border-top-color: $code-tooltip-bg-color;
}
.tooltipped-ne:after {
right: auto;
left: 50%;
margin-left: -15px
}
.tooltipped-nw:after {
margin-right: -15px
}
.tooltipped-s:after,
.tooltipped-n:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.tooltipped-w:after {
right: 100%;
bottom: 50%;
margin-right: 5px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.tooltipped-w:before {
top: 50%;
bottom: 50%;
left: -5px;
margin-top: -5px;
border-left-color: $code-tooltip-bg-color;
}
.tooltipped-e:after {
bottom: 50%;
left: 100%;
margin-left: 5px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.tooltipped-e:before {
top: 50%;
right: -5px;
bottom: 50%;
margin-top: -5px;
border-right-color: $code-tooltip-bg-color;
}
.tooltipped-multiline:after {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 250px;
word-break: break-word;
word-wrap: normal;
white-space: pre-line;
border-collapse: separate
}
.tooltipped-multiline.tooltipped-s:after,
.tooltipped-multiline.tooltipped-n:after {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tooltipped-multiline.tooltipped-w:after,
.tooltipped-multiline.tooltipped-e:after {
right: 100%
}
pipeline/scss/components/_code.scss
+154 -262
View File
@@ -1,296 +1,190 @@
//General code styling for inline code (ie, within body copy and not in a separate code block)
code,
pre {
font-family: $code-font-family;
margin: 0px;
font-weight: $code-font-base-weight;
color: inherit;
}
.body-copy > pre {
@include card(3);
text-shadow: none;
padding: 0px;
margin: .5em 0px 32px 0px;
overflow: auto;
& > code {
color: $hugo-white;
}
}
.body-copy {
p {
code {
display: inline-block;
padding-top: .15em;
}
code,
pre {
font-family: $code-font-family;
font-size: .9em;
weight: inherit;
font-weight: $code-font-base-weight;
position: relative;
overflow-y: visible;
z-index: 1;
}
}
.body-copy {
p,
td,
li {
code {
font-size: .85em;
display: inline-block;
color: inherit;
font-family: "robotomono", courier, monospace;
padding-left: .25em;
padding-right: .25em;
text-transform: none;
line-height: 1.2;
margin-bottom: .15em;
margin-top: 0px;
padding-top: 3px;
vertical-align: middle;
background-color: #ededed;
border: none;
outline: none;
z-index: -1;
padding-bottom: 3px;
border: none;
outline: none;
z-index: -1;
background-color: darken($inline-code-background-color, 5%);
@include MQ(retina) {
//lighten code background color for retina displays
background-color: $inline-code-background-color;
}
}
}
//for definitions lists
dd,
dt {
code {
//darken code background color for non-retina displays
background-color: darken($inline-code-background-color, 5%);
color: $inline-code-text-color;
font-family: $code-font-family;
@include MQ(retina) {
//lighten code background color for retina displays
background-color: $inline-code-background-color;
}
}
}
p > a code,
li > a code,
td > a code {
color: $hugo-pink;
pre > code,
.code {
background-color: $code-block-background-color;
}
> pre {
padding-bottom: 20px;
padding-top: 20px;
background-color: $code-block-background-color;
font-family: $code-font-family;
color: $code-block-base-font-color;
overflow-x: scroll;
}
li > code,
li > span > code {
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
}
}
//for clipboard.js tooltip and button
div.code-copy {
position: relative;
margin-top: 1em;
margin-bottom: 32px;
background-color: $code-block-background-color;
&.input {
padding-bottom: 24px;
}
.code-copy-content {
padding-top: .5em;
&.output-content {
padding-bottom: .5em;
ol,
ul,
div,
strong,
em,
span,
p,
dd,
dt,
{
code {
background-color: $inline-code-background-color;
@include MQ(retina) {
background-color: $inline-code-background-color;
}
}
}
}
p + .code-copy {
margin-top: 0em;
}
button.copy-button,
button.download-button {
.code {
display: block;
box-shadow: none;
padding: 0px;
transition: all .2s ease-in-out;
background-color: $code-copy-button-color;
box-sizing: border-box;
position: absolute;
bottom: 0px;
z-index: 4;
// min-width: 90px;
// width: auto;
@include size(30px);
padding: {
left: 4px;
right: 4px;
}
height: 1.5em;
border-width: 0px;
border-radius: 0px;
font-weight: $code-font-bold-weight;
color: $code-copy-button-text-color;
font-size: 14px;
line-height: 24px;
height: 24px;
vertical-align: middle;
text-align: center;
text-transform:uppercase;
&:hover {
background-color: $hugo-blue;
box-shadow: none;
}
&:active,
&:focus {
outline: none;
position: relative;
overflow: hidden;
padding: .5em;
overflow-y: visible;
}
code[class^="language-"] {
&:after {
display: block;
position: absolute;
top: 4px;
right: 4px;
color: lighten($base-font-color, 25%);
font-family: 'fontello';
content: '\f121';
}
}
// .button.copy-button {
// opacity: 0;
// .copy-button + .code-copy-content {
// code[class^="language-"] {
// &:after {
// // display: none;
// position: absolute;
// top: -4px;
// right: 4px;
// }
// }
// }
h1,
h2,
h3,
h4,
h5,
h6 {
code {
font-weight: $code-font-bold-weight;
font-size: .95em;
}
}
//hide copy button on iPad and iPhone
button.copy-button {
@include MQ(retinaPortrait) {
display: none;
}
@include MQ(retinaLandscape) {
display: none;
}
}
button.download-button {
display: none;
@include MQ(M) {
display: block;
}
}
a[role="button"].see-code-source {
position: absolute;
top: 1.75em;
right: 0px;
border-radius: 0px;
background: transparent;
text-transform: uppercase;
color: darken($hugo-white, 5%);
font-size: 14px;
}
a[href*="bitbucket"].see-code-source:after {
content: '\f171';
code.language-html:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 1.3em;
color: inherit;
margin-left: .2em;
content: '\f13b';
}
a[href*="github"].see-code-source:after {
content: '\f09b';
font-family: 'FontAwesome';
display: inline-block;
font-size: 1.3em;
color: inherit;
margin-left: .2em;
code.language-js:after {
font-family: 'fontello';
content: '\e802';
font-size: 16px;
top: 2px;
}
a[href*="gitlab"].see-code-source:after {
content: '\f296';
font-family: 'FontAwesome';
display: inline-block;
font-size: 1.3em;
color: inherit;
margin-left: .2em;
code.language-hugo:after,
code.language-go:after,
code.language-golang:after {
font-family: 'fontello';
content: '\e81f';
}
button.copy-button {
display: none;
@include MQ(M) {
display: block;
right: 0px;
}
i.icon-clipboard {
display: inline;
}
code.language-sass:after,
code.language-scss:after {
font-family: 'fontello';
content: '\e803';
}
div.code-copy {
position: relative;
@include card(3);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
border-radius: 0px;
code.language-bash:after,
code.language-sh:after {
font-family: 'fontello';
content: '\e804';
}
div.code-copy-header {
position: relative;
height: 1.5em;
line-height: 1.5em;
background-color: $code-editor-header-base-bg-color;
border-radius: 0px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
&.output {
background-color: $output-example-color;
}
&.examplesite {
background-color: $examplesite-codeblock-shortcode-header-bg-color;
}
span.filename {
text-align: center;
color: $code-filename-color;
font-weight: 100;
font-size: 12px;
font-family: $systemfonts;
i.icon-website {
color: inherit;
font-weight: bold;
font-size: 18px;
code.language-toml:after {
content: 'TOML';
font-size: .8em;
padding-right: .3em;
}
code.language-yaml:after,
code.language-yml:after {
content: 'TOML';
font-size: .8em;
padding-right: .3em;
}
code.language-md:after,
code.language-markdown:after {
font-family: 'fontello';
content: '\e80e';
}
.copy-button + .code-copy-content {
code[class^="language-"] {
&:after {
display:none;
position: absolute;
top: -8px;
right: 4px;
}
}
[class^="icon-"] {
color: $code-filename-color;
}
.filename {
font-family: $code-font-family;
color: lighten($base-font-color, 45%);
padding-left: 1em;
padding-top: .25em;
font-size: .7em;
background-color: $code-block-background-color;
width: 100%;
font-style: italic;
margin-bottom: 0px;
}
.code-icon {
position: absolute;
top: 2px;
right: 4px;
}
.copy-button {
transition: opacity .3s ease-in-out;
opacity: 1;
position: absolute;
right: 1px;
top: 1px;
background-color: white;
color: $base-font-color;
border-radius: 0px;
@include card(1);
height: 30px;
width: auto;
font-size: 12px;
display: block;
z-index: 999;
&:hover {
@include card(3);
}
//corrects odd placement of terminal icon
i.icon-sh.input,
i.icon-bash.input {
padding-right: .5em;
span.button-text {
text-transform: uppercase;
margin-left: 3px;
}
}
.download-button {
display: none!important;
}
.code:hover {
.copy-button,
.download-button {
transition: all .3s ease-in-out;
opacity: 1;
}
}
.tooltipped {
position: relative;
background-color: $code-tooltip-bg-color;
padding-right: 2em;
position: absolute;
// background-color: $code-tooltip-bg-color;
// padding-right: 2em;
}
.tooltipped:after {
@@ -368,12 +262,12 @@ div.code-copy-header {
.tooltipped-se:after {
right: auto;
left: 50%;
margin-left: -15px;
// margin-left: -15px;
text-align: center;
}
.tooltipped-sw:after {
margin-right: -15px
// margin-right: -15px
}
.tooltipped-n:after,
@@ -446,8 +340,6 @@ div.code-copy-header {
}
.tooltipped-multiline:after {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 250px;
word-break: break-word;
pipeline/scss/components/_contents-list.scss
+3 -1
View File
@@ -1,6 +1,7 @@
.all-contents {
border-top: 1px solid $hugo-blue;
// border-top: 1px solid $hugo-blue;
padding-top:1em;
font-size:.9em;
}
.contents-list {
@@ -26,6 +27,7 @@
margin-top: 0px;
padding-top: 0px;
padding-bottom: 2px;
color: $hugo-pink;
}
p {
margin-top: 8px;
pipeline/scss/components/_new-code.scss
-363
View File
@@ -1,363 +0,0 @@
.body-copy {
code,
pre {
font-family: $code-font-family;
font-size: .9em;
weight: inherit;
font-weight: $code-font-base-weight;
position: relative;
overflow-y: visible;
z-index: 1;
}
pre > code,
.code {
background-color: $code-block-background-color;
}
> pre {
overflow-x: scroll;
}
ol,
ul,
div,
strong,
em,
span,
p,
dd,
dt,
{
code {
background-color: $inline-code-background-color;
@include MQ(retina) {
background-color: $inline-code-background-color;
}
}
}
}
.code {
display: block;
position: relative;
overflow: hidden;
padding: .5em;
overflow-y: visible;
}
code[class^="language-"] {
&:after {
display: block;
position: absolute;
top: 4px;
right: 4px;
color: lighten($base-font-color, 25%);
font-family: 'fontello';
content: '\f121';
}
}
// .copy-button + .code-copy-content {
// code[class^="language-"] {
// &:after {
// // display: none;
// position: absolute;
// top: -4px;
// right: 4px;
// }
// }
// }
code.language-html:after {
font-family: 'FontAwesome';
content: '\f13b';
}
code.language-js:after {
font-family: 'fontello';
content: '\e802';
font-size: 16px;
top: 2px;
}
code.language-hugo:after,
code.language-go:after,
code.language-golang:after {
font-family: 'fontello';
content: '\e81f';
}
code.language-sass:after,
code.language-scss:after {
font-family: 'fontello';
content: '\e803';
}
code.language-bash:after,
code.language-sh:after {
font-family: 'fontello';
content: '\e804';
}
code.language-toml:after {
content: 'TOML';
font-size: .8em;
padding-right: .3em;
}
code.language-yaml:after,
code.language-yml:after {
content: 'TOML';
font-size: .8em;
padding-right: .3em;
}
code.language-md:after,
code.language-markdown:after {
font-family: 'fontello';
content: '\e80e';
}
.copy-button + .code-copy-content {
code[class^="language-"] {
&:after {
display:none;
position: absolute;
top: -8px;
right: 4px;
}
}
}
.filename {
font-family: $code-font-family;
color: lighten($base-font-color, 45%);
padding-left: 1em;
padding-top: .25em;
font-size: .7em;
background-color: $code-block-background-color;
width: 100%;
font-style: italic;
margin-bottom: 0px;
}
.code-icon {
position: absolute;
top: 2px;
right: 4px;
}
.copy-button {
transition: opacity .3s ease-in-out;
opacity: 1;
position: absolute;
right: 1px;
top: 1px;
background-color: white;
color: $base-font-color;
border-radius: 0px;
@include card(1);
height: 30px;
width: auto;
font-size: 12px;
display: block;
z-index: 999;
&:hover {
@include card(3);
}
span.button-text {
text-transform: uppercase;
margin-left: 3px;
}
}
.download-button {
display: none!important;
}
.code:hover {
.copy-button,
.download-button {
transition: all .3s ease-in-out;
opacity: 1;
}
}
.tooltipped {
position: absolute;
// background-color: $code-tooltip-bg-color;
// padding-right: 2em;
}
.tooltipped:after {
position: absolute;
z-index: 1000000;
display: none;
padding: 2px 4px;
font-size: .8em;
font-weight: $base-font-bold-weight;
font-family: $heading-font-family;
color: $hugo-white;
text-align: center;
text-transform: uppercase;
text-decoration: none;
text-shadow: none;
letter-spacing: normal;
word-wrap: break-word;
white-space: pre;
pointer-events: none;
content: attr(aria-label);
background-color: $code-tooltip-bg-color;
border-color: $code-tooltip-bg-color;
border-radius: 0px;
-webkit-font-smoothing: subpixel-antialiased
}
.tooltipped:before {
position: absolute;
z-index: 1000001;
display: none;
width: 0;
height: 0;
color: $code-tooltip-bg-color;
pointer-events: none;
content: "";
border: 5px solid transparent;
}
.tooltipped:hover:before,
.tooltipped:hover:after,
.tooltipped:active:before,
.tooltipped:active:after,
.tooltipped:focus:before,
.tooltipped:focus:after {
display: inline-block;
text-decoration: none;
}
.tooltipped-multiline:hover:after,
.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after {
display: table-cell;
}
.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {
top: 100%;
right: 50%;
margin-top: 5px;
text-align: center;
}
.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
top: auto;
right: 50%;
bottom: -5px;
margin-right: -5px;
border-bottom-color: $code-tooltip-bg-color;
text-align: center;
}
.tooltipped-se:after {
right: auto;
left: 50%;
// margin-left: -15px;
text-align: center;
}
.tooltipped-sw:after {
// margin-right: -15px
}
.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {
right: 50%;
bottom: 100%;
margin-bottom: 5px
}
.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
top: -5px;
right: 50%;
bottom: auto;
margin-right: -5px;
border-top-color: $code-tooltip-bg-color;
}
.tooltipped-ne:after {
right: auto;
left: 50%;
margin-left: -15px
}
.tooltipped-nw:after {
margin-right: -15px
}
.tooltipped-s:after,
.tooltipped-n:after {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.tooltipped-w:after {
right: 100%;
bottom: 50%;
margin-right: 5px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.tooltipped-w:before {
top: 50%;
bottom: 50%;
left: -5px;
margin-top: -5px;
border-left-color: $code-tooltip-bg-color;
}
.tooltipped-e:after {
bottom: 50%;
left: 100%;
margin-left: 5px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.tooltipped-e:before {
top: 50%;
right: -5px;
bottom: 50%;
margin-top: -5px;
border-right-color: $code-tooltip-bg-color;
}
.tooltipped-multiline:after {
width: max-content;
max-width: 250px;
word-break: break-word;
word-wrap: normal;
white-space: pre-line;
border-collapse: separate
}
.tooltipped-multiline.tooltipped-s:after,
.tooltipped-multiline.tooltipped-n:after {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tooltipped-multiline.tooltipped-w:after,
.tooltipped-multiline.tooltipped-e:after {
right: 100%
}
pipeline/scss/components/_table-of-contents.scss
+4 -4
View File
@@ -45,11 +45,12 @@ aside#toc {
right: 0px;
bottom: auto;
opacity: 1;
min-height: calc(100vh - #{$site-header-height});
max-height: calc(100vh - #{$site-header-height});
min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
transform: scale(1);
border-left: 1px solid $hugo-gray-light;
// border-left: 1px solid $hugo-gray-light;
border-radius: 0px;
margin-right:1.5em;
}
}
@@ -178,7 +179,6 @@ aside#toc + a#toc-toggle {
text-align: center;
border-radius: 5px;
&:after {
// content:'ToC';
content: '\2026';
display: block;
position: relative;
pipeline/scss/layout/_site-content.scss
+1 -1
View File
@@ -43,12 +43,12 @@ main.main {
margin-left: auto;
margin-right: auto;
@include MQ(M){
max-width: $content-max-width;
}
@include MQ(L) {
float:left;
margin-left:5%;
margin-right:auto;
max-width: $content-max-width;
}
@include MQ(XL) {
min-width: $content-max-width;
pipeline/scss/layout/_site-footer.scss
+6 -5
View File
@@ -11,12 +11,13 @@
@include MQ(L) {
width:calc(100% - #{$site-navigation-width});
margin-left: $site-navigation-width;
height: $site-footer-height-l-plus;
}
@include MQ(XL) {
&.withtoc {
max-width:calc(100vw - #{$site-navigation-width * 2});
}
}
// @include MQ(XL) {
// &.withtoc {
// max-width:calc(100vw - #{$site-navigation-width * 2});
// }
// }
}
.footer-content {
pipeline/scss/layout/_site-navigation.scss
+4 -4
View File
@@ -41,10 +41,9 @@
li {
padding-left: 0px;
line-height: 1.2;
margin-top: .66em;
margin-bottom: .66em;
padding-top: .75em;
ul li {
padding-left: .5em;
padding-left: .3em;
}
}
a.top-menu-item-link {
@@ -65,8 +64,9 @@
}
ul.submenu {
display: none;
margin-left: .4em;
margin-left: .2em;
padding-left: .5em;
padding-bottom: .66em;
li {
line-height:1.3;
}
pipeline/scss/style.scss
+4 -4
View File
@@ -20,10 +20,10 @@
@import 'components/anchors';
@import 'components/images';
@import 'components/admonitions';
// @import 'vendor/highlightjs';
@import 'vendor/highlightjs-new';
// @import 'components/code';
@import 'components/new-code';
// @import 'vendor/highlightjs-OLD';
@import 'vendor/highlightjs';
// @import 'components/code-OLD';
@import 'components/code';
@import 'components/icons';
@import 'components/tags';
@import 'algolia/main';
pipeline/scss/vendor/_highlightjs-new.scss → pipeline/scss/vendor/_highlightjs-OLD.scss
Vendored
+10 -10
View File
@@ -14,12 +14,12 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs,
.hljs-tag,
.hljs-subst {
color: $hugo-black;
color: $hugo-white;
}
.hljs-strong,
.hljs-emphasis {
color: $hugo-gray;
color: $hugo-gray-light;
}
.hljs-bullet,
@@ -28,14 +28,14 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs-regexp,
.hljs-literal,
.hljs-link {
color: saturate($hugo-blue,10%);
color: $hugo-blue;
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
color: $hugo-green;
color: $hugo-green-light;
}
.hljs-strong {
@@ -50,17 +50,17 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
color: $hugo-pink;
color: $hugo-pink-light;
}
.hljs-symbol,
.hljs-attribute {
color: saturate($hugo-blue,10%);
color: $hugo-blue-light;
}
.hljs-params,
.hljs-class .hljs-title {
color: $hugo-black;
color: $hugo-white;
}
.hljs-string,
@@ -73,15 +73,15 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
color: saturate($hugo-blue,10%);
color: $hugo-yellow;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: $hugo-gray;
color: $hugo-gray-light;
}
.language-toml.hljs .hljs-section {
color:$hugo-pink;
color:$hugo-pink-light;
}
pipeline/scss/vendor/_highlightjs.scss
Vendored
+10 -10
View File
@@ -14,12 +14,12 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs,
.hljs-tag,
.hljs-subst {
color: $hugo-white;
color: $hugo-black;
}
.hljs-strong,
.hljs-emphasis {
color: $hugo-gray-light;
color: $hugo-gray;
}
.hljs-bullet,
@@ -28,14 +28,14 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs-regexp,
.hljs-literal,
.hljs-link {
color: $hugo-blue;
color: saturate($hugo-blue,10%);
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
color: $hugo-green-light;
color: $hugo-green;
}
.hljs-strong {
@@ -50,17 +50,17 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
color: $hugo-pink-light;
color: $hugo-pink;
}
.hljs-symbol,
.hljs-attribute {
color: $hugo-blue-light;
color: saturate($hugo-blue,10%);
}
.hljs-params,
.hljs-class .hljs-title {
color: $hugo-white;
color: $hugo-black;
}
.hljs-string,
@@ -73,15 +73,15 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
color: $hugo-yellow;
color: saturate($hugo-blue,10%);
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: $hugo-gray-light;
color: $hugo-gray;
}
.language-toml.hljs .hljs-section {
color:$hugo-pink-light;
color:$hugo-pink;
}
static/css/style.min.css
Vendored
+2 -2
View File
@@ -1,7 +1,7 @@
.container-fluid,.container{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}.row.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;order:-1}.last-xs{-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{marLine truncated
.container-fluid,.container{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}.row.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;order:-1}.last-xs{-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{marLine truncated
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:trLine truncated
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:trLine truncated
static/js/script.min.js
Vendored
+1 -1
View File
@@ -1,4 +1,4 @@
"use strict";function showTooltip(e,t){e.setAttribute("class","copy-button tooltipped tooltipped-s"),e.setAttribute("aria-label",t)}function fallbackMessage(e){var t="",r="cut"===e?"X":"C";return t=isMac?"Press ⌘-"+r:"Press Ctrl-"+r}function toggleToc(e){e.preventDefault(),e.stopPropagation(),console.log("hello"),document.getElementById("toc").classList.toggle("toc-open"),document.getElementById("toc-toggle").classList.toggle("toc-open")}var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(e){if("object"==("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.Clipboard=e()}}(function(){var e;return function t(e,r,n){function a(o,s){if(!r[o]){if(!e[o]){var l="function"==typeof require&&require;if(!s&&l)return l(o,!0);if(i)return i(o,!0);var c=new Error("Cannot find module '"+o+"'");throw c.code="MODULE_NOT_FOUND",c}var u=r[o]={exports:{}};e[o][0].call(u.exports,function(t){var r=e[o][1][t];return a(r?r:t)},u,u.exports,t,e,r,n)}return r[o].exports}for(var i="function"==typeof require&&require,o=0;o<n.length;o++)a(n[o]);return a}({1:[function(e,t,r){var n=e("matches-selector");t.exports=function(e,t,r){for(var a=r?e:e.parentNode;a&&a!==document;){if(n(a,t))return a;a=a.parentNode}}},{"matches-selector":5}],2:[function(e,t,r){function n(e,t,r,n,i){var o=a.apply(this,arguments);return e.addEventListener(r,o,i),{destroy:function(){e.removeEventListener(r,o,i)}}}function a(e,t,r,n){return function(r){r.delegateTarget=i(r.target,t,!0),r.delegateTarget&&n.call(e,r)}}var i=e("closest");t.exports=n},{closest:1}],3:[function(e,t,r){r.node=function(e){return void 0!==e&&e instanceof HTMLElement&&1===e.nodeType},r.nodeList=function(e){var t=Object.prototype.toString.call(e);return void 0!==e&&("[object NodeList]"===t||"[object HTMLCollection]"===t)&&"length"in e&&(0===e.length||r.node(e[0]))},r.string=function(e){return"string"==typeof e||e instanceof String},r.fn=function(e){var t=Object.prototype.toString.call(e);return"[object Function]"===t}},{}],4:[function(e,t,r){function n(e,t,r){if(!e&&!t&&!r)throw new Error("Missing required arguments");if(!s.string(t))throw new TypeError("Second argument must be a String");if(!s.fn(r))throw new TypeError("Third argument must be a Function");if(s.node(e))return a(e,t,r);if(s.nodeList(e))return i(e,t,r);if(s.string(e))return o(e,t,r);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function a(e,t,r){return e.addEventListener(t,r),{destroy:function(){e.removeEventListener(t,r)}}}function i(e,t,r){return Array.prototype.forEach.call(e,function(e){e.addEventListener(t,r)}),{destroy:function(){Array.prototype.forEach.call(e,function(e){e.removeEventListener(t,r)})}}}function o(e,t,r){return l(document.body,e,t,r)}var s=e("./is"),l=e("delegate");t.exports=n},{"./is":3,delegate:2}],5:[function(e,t,r){function n(e,t){if(i)return i.call(e,t);for(var r=e.parentNode.querySelectorAll(t),n=0;n<r.length;++n)if(r[n]==e)return!0;return!1}var a=Element.prototype,i=a.matchesSelector||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||a.oMatchesSelector;t.exports=n},{}],6:[function(e,t,r){function n(e){var t;if("INPUT"===e.nodeName||"TEXTAREA"===e.nodeName)e.focus(),e.setSelectionRange(0,e.value.length),t=e.value;else{e.hasAttribute("contenteditable")&&e.focus();var r=window.getSelection(),n=document.createRange();n.selectNodeContents(e),r.removeAllRanges(),r.addRange(n),t=r.toString()}return t}t.exports=n},{}],7:[function(e,t,r){function n(){}n.prototype={on:function(e,t,r){var n=this.e||(this.e={});return(n[e]||(n[e]=[])).push({fn:t,ctx:r}),this},once:function(e,t,r){function n(){a.off(e,n),t.apply(r,arguments)}var a=this;return n._=t,this.on(e,n,r)},emit:function(e){var t=[].slice.call(arguments,1),r=((this.e||(this.e={}))[e]||[]).slice(),n=0,a=r.length;for(n;a>n;n++)r[n].fn.apply(r[n].ctx,t);return this},off:function(e,t){var r=this.e||(this.e={}),n=r[e],a=[];if(n&&t)for(var i=0,o=n.length;o>i;i++)n[i].fn!==t&&n[i].fn._!==t&&a.push(n[i]);return a.length?r[e]=a:delete r[e],this}},t.exports=n},{}],8:[function(t,r,n){!function(a,i){if("function"==typeof e&&e.amd)e(["module","select"],i);else if("undefined"!=typeof n)i(r,t("select"));else{var o={exports:{}};i(o,a.select),a.clipboardAction=o.exports}}(this,function(e,t){function r(e){return e&&e.__esModule?e:{"default":e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=r(t),i="function"==typeof Symbol&&"symbol"==_typeof(Symbol.iterator)?function(e){return"undefined"==typeof e?"undefined":_typeof(e)}:function(e){return e&&"function"==typeofLine truncated
},isCSSNullValue:function(e){return!e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e&&e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":/^(table)$/i.test(t)?"table":/^(tbody)$/i.test(t)?"table-row-group":"block"},addClass:function(e,t){e.classList?e.classList.add(t):e.className+=(e.className.length?" ":"")+t},removeClass:function(e,t){e.classList?e.classList.remove(t):e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ")}},getPropertyValue:function(e,r,a,i){function s(e,r){var a=0;if(p<=8)a=d.css(e,r);else{var l=!1;/^(width|height)$/.test(r)&&0===S.getPropertyValue(e,"display")&&(l=!0,S.setPropertyValue(e,"display",S.Values.getDisplayType(e)));var c=function(){l&&S.setPropertyValue(e,"display","none")};if(!i){if("height"===r&&"border-box"!==S.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var u=e.offsetHeight-(parseFloat(S.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(S.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(S.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(S.getPropertyValue(e,"paddingBottom"))||0);return c(),u}if("width"===r&&"border-box"!==S.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var f=e.offsetWidth-(parseFloat(S.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(S.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(S.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(S.getPropertyValue(e,"paddingRight"))||0);return c(),f}}var g;g=o(e)===n?t.getComputedStyle(e,null):o(e).computedStyle?o(e).computedStyle:o(e).computedStyle=t.getComputedStyle(e,null),"borderColor"===r&&(r="borderTopColor"),a=9===p&&"filter"===r?g.getPropertyValue(r):g[r],""!==a&&null!==a||(a=e.style[r]),c()}if("auto"===a&&/^(top|right|bottom|left)$/i.test(r)){var m=s(e,"position");("fixed"===m||"absolute"===m&&/top|left/i.test(r))&&(a=d(e).position()[r]+"px")}return a}var l;if(S.Hooks.registered[r]){var c=r,u=S.Hooks.getRoot(c);a===n&&(a=S.getPropertyValue(e,S.Names.prefixCheck(u)[0])),S.Normalizations.registered[u]&&(a=S.Normalizations.registered[u]("extract",e,a)),l=S.Hooks.extractValue(c,a)}else if(S.Normalizations.registered[r]){var f,g;f=S.Normalizations.registered[r]("name",e),"transform"!==f&&(g=s(e,S.Names.prefixCheck(f)[0]),S.Values.isCSSNullValue(g)&&S.Hooks.templates[r]&&(g=S.Hooks.templates[r][1])),l=S.Normalizations.registered[r]("extract",e,g)}if(!/^[\d-]/.test(l)){var m=o(e);if(m&&m.isSVG&&S.Names.SVGAttribute(r))if(/^(height|width)$/i.test(r))try{l=e.getBBox()[r]}catch(h){l=0}else l=e.getAttribute(r);else l=s(e,S.Names.prefixCheck(r)[0])}return S.Values.isCSSNullValue(l)&&(l=0),v.debug>=2&&console.log("Get "+r+": "+l),l},setPropertyValue:function(e,r,n,a,i){var s=r;if("scroll"===r)i.container?i.container["scroll"+i.direction]=n:"Left"===i.direction?t.scrollTo(n,i.alternateValue):t.scrollTo(i.alternateValue,n);else if(S.Normalizations.registered[r]&&"transform"===S.Normalizations.registered[r]("name",e))S.Normalizations.registered[r]("inject",e,n),s="transform",n=o(e).transformCache[r];else{if(S.Hooks.registered[r]){var l=r,c=S.Hooks.getRoot(r);a=a||S.getPropertyValue(e,c),n=S.Hooks.injectValue(l,n,a),r=c}if(S.Normalizations.registered[r]&&(n=S.Normalizations.registered[r]("inject",e,n),r=S.Normalizations.registered[r]("name",e)),s=S.Names.prefixCheck(r)[0],p<=8)try{e.style[s]=n}catch(u){v.debug&&console.log("Browser does not support ["+n+"] for ["+s+"]")}else{var f=o(e);f&&f.isSVG&&S.Names.SVGAttribute(r)?e.setAttribute(r,n):e.style[s]=n}v.debug>=2&&console.log("Set "+r+" ("+s+"): "+n)}return[s,n]},flushTransformCache:function(e){var t="",r=o(e);if((p||v.State.isAndroid&&!v.State.isChrome)&&r&&r.isSVG){var n=function(t){return parseFloat(S.getPropertyValue(e,t))},a={translate:[n("translateX"),n("translateY")],skewX:[n("skewX")],skewY:[n("skewY")],scale:1!==n("scale")?[n("scale"),n("scale")]:[n("scaleX"),n("scaleY")],rotate:[n("rotateZ"),0,0]};d.each(o(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),a[e]&&(t+=e+"("+a[e].join(" ")+") ",delete a[e])})}else{var i,s;d.each(o(e).transformCache,function(r){return i=o(e).transformCache[r],"transformPerspective"===r?(s=i,!0):(9===p&&"rotateZ"===r&&(r="rotate"),void(t+=r+i+" "))}),s&&(t="perspective"+s+" "+t)}S.setPropertyValue(e,"transform",t)}};S.Hooks.register(),S.Normalizations.register(),v.hook=function(e,t,r){var a;return e=i(e),d.each(e,function(e,i){if(o(i)===n&&v.init(i),r===n)a===n&&(a=v.CSS.getPropertyValue(i,t));else{Line truncated
a=o+"-"+t.delimiter.toLowerCase()+"-"+i.toLowerCase(),n.className+=" "+a}return t.aria&&n.setAttribute("aria-hidden","true"),n.appendChild(e.cloneNode(!1)),n}function p(e,t){var r=-1,n=0;if(3===e.nodeType&&e.data.length){if(b.nodeBeginning&&(e.data=t.search||"sentence"!==t.delimiter?f(e.data):u(e.data),b.nodeBeginning=!1),r=e.data.search(m),r!==-1){var a=e.data.match(m),i=a[0],o=a[1]||!1;""===i?r++:o&&o!==i&&(r+=i.indexOf(o),i=o);var s=e.splitText(r);s.splitText(i.length),n=1,t.search||"sentence"!==t.delimiter||(s.data=f(s.data));var c=d(s,t,b.blastedIndex);s.parentNode.replaceChild(c,s),b.wrappers.push(c),b.blastedIndex++}}else if(1===e.nodeType&&e.hasChildNodes()&&!l.skippedElements.test(e.tagName)&&!l.hasPluginClass.test(e.className))for(var g=0;g<e.childNodes.length;g++)b.nodeBeginning=!0,g+=p(e.childNodes[g],t);return n}function g(r,s){s.debug&&i.time("blast reversal");var l=!1;r.removeClass(o+"-root").removeAttr("aria-label").find("."+o).each(function(){var t=e(this);if(t.closest("."+o+"-root").length)l=!0;else{var r=this.parentNode;a<=7&&r.firstChild.nodeName,r.replaceChild(this.firstChild,this),r.normalize()}}),t.Zepto?r.data(o,n):r.removeData(o),s.debug&&(i.log(o+": Reversed Blast"+(r.attr("id")?" on #"+r.attr("id")+".":".")+(l?" Skipped reversal on the children of one or more descendant root elements.":"")),i.timeEnd("blast reversal"))}var m,h=e.extend({},e.fn[o].defaults,c),b={};if(h.search.length&&("string"==typeof h.search||/^\d/.test(parseFloat(h.search))))h.delimiter=h.search.toString().replace(/[-[\]{,}(.)*+?|^$\\\/]/g,"\\$&"),m=new RegExp("(?:^|[^-"+s.latinLetters+"])("+h.delimiter+"('s)?)(?![-"+s.latinLetters+"])","i");else switch("string"==typeof h.delimiter&&(h.delimiter=h.delimiter.toLowerCase()),h.delimiter){case"all":m=/(.)/;break;case"letter":case"char":case"character":m=/(\S)/;break;case"word":m=/\s*(\S+)\s*/;break;case"sentence":m=/(?=\S)(([.]{2,})?[^!?]+?([.…!?]+|(?=\s+$)|$)(\s*[′’'”″“")»]+)*)/;break;case"element":m=/(?=\S)([\S\s]*\S)/;break;default:if(!(h.delimiter instanceof RegExp))return i.log(o+": Unrecognized delimiter, empty search string, or invalid custom Regex. Aborting."),!0;m=h.delimiter}if(this.each(function(){var t=e(this),a=t.text();if(c!==!1){b={blastedIndex:0,nodeBeginning:!1,wrappers:b.wrappers||[]},t.data(o)===n||"search"===t.data(o)&&h.search!==!1||(g(t,h),h.debug&&i.log(o+": Removed element's existing Blast call.")),t.data(o,h.search!==!1?"search":h.delimiter),h.aria&&t.attr("aria-label",a),h.stripHTMLTags&&t.html(a);try{r.createElement(h.tag)}catch(s){h.tag="span",h.debug&&i.log(o+": Invalid tag supplied. Defaulting to span.")}t.addClass(o+"-root"),h.debug&&i.time(o),p(this,h),h.debug&&i.timeEnd(o)}else c===!1&&t.data(o)!==n&&g(t,h);h.debug&&e.each(b.wrappers,function(e,t){i.log(o+" ["+h.delimiter+"] "+this.outerHTML),this.style.backgroundColor=e%2?"#f12185":"#075d9a"})}),c!==!1&&h.returnGenerated===!0){var y=e().add(b.wrappers);return y.prevObject=this,y.context=this.context,y}return this},e.fn.blast.defaults={returnGenerated:!0,delimiter:"word",tag:"span",search:!1,customClass:"",generateIndexID:!1,generateValueClass:!1,stripHTMLTags:!1,aria:!0,debug:!1}}(window.jQuery||window.Zepto,window,document),$("document").ready(function(){$('.body-copy a[href$=".pdf"]').append('<i class="icon-pdf"></i>'),$(".body-copy > h2:not(.section-heading),.body-copy > h3").each(function(){var e=$(this).attr("id");$(this).prepend('<a class="smooth-scroll heading-link" href="#'+e+'"><i class="icon-link"></i></a>')})}),function(){for(var e=document.querySelectorAll("blockquote > p"),t=new RegExp(/\s\-\s/),r=0;r<e.length;r++)if(t.test(e[r].textContent)){var n=e[r].innerHTML.split(" - ")[0],a=e[r].innerHTML.split(" - ")[1];e[r].innerHTML=n+'<cite class="blockquote-citation">&#x2015; '+a+"</cite>"}}(),$(".download-button").on("click",function(){var e=$(this).siblings(".code-copy-content"),t=e.text(),r=e.attr("id"),n=new Blob([t],{type:"text/plain;charset=utf-8"});saveAs(n,r)});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(){$(".body-copy img:not(.hugo-icon)").each(function(){$(this).wrap('<a class="image-link" data-featherlight="image" href="'+$(this).attr("src")+'"></a>')})}(),function(e){function t(e,r){if(!(this instanceof t)){var n=new t(e,r);return n.open(),n}this.id=t.id++,this.setup(e,r),this.chainCallbacks(t._callbackChain)}if("undefined"==typeof e)return void("console"in window&&window.console.info("Too much lightness, Featherlight needs jQuery."));var r=[],n=function(t){return r=e.grep(r,function(e){return e!==t&&e.$instance.closest("body").length>0})},a=function(e,t){var r={},n=new RegExp("^"+t+"([A-Z])(.*)");for(var a in e){var i=a.match(n);if(i){var o=(i[1]+i[2].replace(/([A-Z])/g,"-$1")).toLowerCase();r[o]=e[a]}}return r},i={keyup:"onKeyUp",resize:"onResize"},o=function(r){e.each(Line truncated
nomarkup:"-ne -eq -lt -gt -ge -le -not -like -notlike -match -notmatch -contains -notcontains -in -notin -replace"},c:[t,e.NM,a,i,n,r,s]}}),hljs.registerLanguage("scss",function(e){var t="[a-zA-Z-][a-zA-Z0-9_-]*",r={cN:"variable",b:"(\\$"+t+")\\b"},n={cN:"number",b:"#[0-9A-Fa-f]+"};return{cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:!0,i:"[^\\s]",starts:{eW:!0,eE:!0,c:[n,e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"meta",b:"!important"}]}},{cI:!0,i:"[=/|']",c:[e.CLCM,e.CBCM,{cN:"selector-id",b:"\\#[A-Za-z0-9_-]+",r:0},{cN:"selector-class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"selector-attr",b:"\\[",e:"\\]",i:"$"},{cN:"selector-tag",b:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",r:0},{b:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{b:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},r,{cN:"attribute",b:"\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",i:"[^\\s]"},{b:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middleLine truncated
nomarkup:"-ne -eq -lt -gt -ge -le -not -like -notlike -match -notmatch -contains -notcontains -in -notin -replace"},c:[t,e.NM,a,i,n,r,s]}}),hljs.registerLanguage("scss",function(e){var t="[a-zA-Z-][a-zA-Z0-9_-]*",r={cN:"variable",b:"(\\$"+t+")\\b"},n={cN:"number",b:"#[0-9A-Fa-f]+"};return{cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:!0,i:"[^\\s]",starts:{eW:!0,eE:!0,c:[n,e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"meta",b:"!important"}]}},{cI:!0,i:"[=/|']",c:[e.CLCM,e.CBCM,{cN:"selector-id",b:"\\#[A-Za-z0-9_-]+",r:0},{cN:"selector-class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"selector-attr",b:"\\[",e:"\\]",i:"$"},{cN:"selector-tag",b:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",r:0},{b:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{b:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},r,{cN:"attribute",b:"\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",i:"[^\\s]"},{b:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middleLine truncated