487 lines
24 KiB
CSS
487 lines
24 KiB
CSS
|
@font-face {
|
|||
|
|
font-family: BenchNine;
|
|||
|
|
src: url("data:font/woff2;charset=utf-8;base64,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
|
|||
|
|
font-weight: 700;
|
|||
|
|
font-display: swap;
|
|||
|
|
unicode-range: U+20-7E,U+2014,U+2019;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
* {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
font-family: system-ui, sans-serif;
|
|||
|
|
margin: 0;
|
|||
|
|
color: #222;
|
|||
|
|
}
|
|||
|
|
img {
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
a,
|
|||
|
|
a:visited,
|
|||
|
|
a[href] {
|
|||
|
|
color: #222;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
strong,
|
|||
|
|
b {
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
hr {
|
|||
|
|
margin: 3em 0;
|
|||
|
|
border: none;
|
|||
|
|
border-top: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
p {
|
|||
|
|
max-width: 42em;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Blockquotes */
|
|||
|
|
blockquote {
|
|||
|
|
font-family: Georgia, serif;
|
|||
|
|
font-size: 1.1875em; /* 19px /16 */
|
|||
|
|
color: #666;
|
|||
|
|
margin: 1.5em 0;
|
|||
|
|
padding: 0 1em;
|
|||
|
|
max-width: 31.57894736842em; /* 600px /19 */
|
|||
|
|
border-left: 6px solid #ddd;
|
|||
|
|
/*text-indent: -0.3684210526316em;*/ /* 7px /19 */
|
|||
|
|
}
|
|||
|
|
blockquote + blockquote {
|
|||
|
|
margin-top: 2em;
|
|||
|
|
}
|
|||
|
|
blockquote img {
|
|||
|
|
height: 1.3em;
|
|||
|
|
width: 1.3em;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
vertical-align: text-top;
|
|||
|
|
margin-left: 2px;
|
|||
|
|
margin-right: 6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Main */
|
|||
|
|
main {
|
|||
|
|
font-size: 1.125em; /* 18px /16 */
|
|||
|
|
}
|
|||
|
|
main:not(:empty) {
|
|||
|
|
padding-bottom: 3em;
|
|||
|
|
margin-bottom: 3em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tables */
|
|||
|
|
table {
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
margin-bottom: 2em;
|
|||
|
|
}
|
|||
|
|
table th,
|
|||
|
|
table td {
|
|||
|
|
text-align: left;
|
|||
|
|
border-top: 1px solid #eee;
|
|||
|
|
border-bottom: 1px solid #eee;
|
|||
|
|
padding: .4em;
|
|||
|
|
font-size: 0.8125em; /* 13px /16 */
|
|||
|
|
}
|
|||
|
|
table th:first-child,
|
|||
|
|
table td:first-child {
|
|||
|
|
padding-left: 0;
|
|||
|
|
}
|
|||
|
|
table th {
|
|||
|
|
border-color: #ddd;
|
|||
|
|
}
|
|||
|
|
h2 + table {
|
|||
|
|
margin-top: -0.625em; /* -10px /16 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 37.5em) { /* 600px */
|
|||
|
|
table th,
|
|||
|
|
table td {
|
|||
|
|
padding: .4em .8em;
|
|||
|
|
font-size: 1em; /* 16px /16 */
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Headings */
|
|||
|
|
h1,
|
|||
|
|
h2,
|
|||
|
|
h3,
|
|||
|
|
h4,
|
|||
|
|
h5 {
|
|||
|
|
font-family: BenchNine, system-ui, sans-serif;
|
|||
|
|
}
|
|||
|
|
h1 {
|
|||
|
|
font-size: 2.666666666667em; /* 48px /18 */
|
|||
|
|
margin: 0 0 .5em;
|
|||
|
|
}
|
|||
|
|
main .elv-toc + h1 {
|
|||
|
|
margin-top: 1em;
|
|||
|
|
}
|
|||
|
|
main h1:first-child,
|
|||
|
|
main .elv-toc + h1 {
|
|||
|
|
border-bottom: 2px dotted #666;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 64em) { /* 1024px */
|
|||
|
|
main .elv-toc + h1,
|
|||
|
|
main .elv-toc + h2 {
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
h2 {
|
|||
|
|
font-size: 2.222222222222em; /* 40px /18 */
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
margin: 1em 0 .25em;
|
|||
|
|
}
|
|||
|
|
h3 {
|
|||
|
|
font-size: 1.666666666667em; /* 30px /18 */
|
|||
|
|
margin-bottom: .5em;
|
|||
|
|
}
|
|||
|
|
h4 {
|
|||
|
|
font-size: 1.444444444444em; /* 26px /18 */
|
|||
|
|
margin-bottom: .5em;
|
|||
|
|
}
|
|||
|
|
h5 {
|
|||
|
|
font-size: 1.277777777778em; /* 23px /18 */
|
|||
|
|
margin-bottom: .5em;
|
|||
|
|
}
|
|||
|
|
main h1,
|
|||
|
|
main h2,
|
|||
|
|
main h3 {
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
}
|
|||
|
|
h1 code,
|
|||
|
|
h2 code,
|
|||
|
|
h3 code,
|
|||
|
|
h4 code,
|
|||
|
|
h5 code {
|
|||
|
|
font-family: inherit;
|
|||
|
|
text-transform: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Lists */
|
|||
|
|
ul {
|
|||
|
|
padding: 0 1em;
|
|||
|
|
}
|
|||
|
|
li {
|
|||
|
|
padding: .25em 0;
|
|||
|
|
}
|
|||
|
|
li ul {
|
|||
|
|
margin: .5em 0;
|
|||
|
|
padding-left: 1em;
|
|||
|
|
}
|
|||
|
|
li li {
|
|||
|
|
padding-top: .1em;
|
|||
|
|
padding-bottom: .1em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Syntax highlighting and Code blocks */
|
|||
|
|
pre {
|
|||
|
|
display: block;
|
|||
|
|
padding: .5em;
|
|||
|
|
margin: 1em -.5em 2em -.5em;
|
|||
|
|
overflow-x: auto;
|
|||
|
|
background-color: #eee;
|
|||
|
|
font-size: 0.75em; /* 12px /16 */
|
|||
|
|
}
|
|||
|
|
pre,
|
|||
|
|
code {
|
|||
|
|
font-family: Monaco, monospace;
|
|||
|
|
}
|
|||
|
|
code {
|
|||
|
|
-ms-word-break: break-all;
|
|||
|
|
word-break: break-word;
|
|||
|
|
-webkit-hyphens: manual;
|
|||
|
|
-moz-hyphens: manual;
|
|||
|
|
hyphens: manual;
|
|||
|
|
background-color: #efefef;
|
|||
|
|
}
|
|||
|
|
pre + pre[class*="language-"] {
|
|||
|
|
margin-top: 1em;
|
|||
|
|
}
|
|||
|
|
pre + .note {
|
|||
|
|
font-size: 0.6666666666667em; /* 16px /24 */
|
|||
|
|
margin-top: -2.875em; /* 46px /16 */
|
|||
|
|
margin-bottom: 2.5em; /* 40px /16 */
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 37.5em) { /* 600px */
|
|||
|
|
pre {
|
|||
|
|
font-size: 0.75em; /* 16px /16 */
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#quick-start ~ .language-text {
|
|||
|
|
border-top: 2px solid #666;
|
|||
|
|
border-bottom: 2px solid #666;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 42em) { /* 672px */
|
|||
|
|
#quick-start ~ .language-text {
|
|||
|
|
border: 2px solid #666;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
#quick-start ~ .language-text,
|
|||
|
|
#quick-start ~ .language-text code {
|
|||
|
|
background-color: #fafafa;
|
|||
|
|
color: #222;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Layout */
|
|||
|
|
.elv-layout {
|
|||
|
|
padding: 1rem;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
max-width: 42rem;
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
footer.elv-layout {
|
|||
|
|
margin-bottom: 5em;
|
|||
|
|
}
|
|||
|
|
.elv-layout-full {
|
|||
|
|
max-width: none;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 64em) { /* 1024px */
|
|||
|
|
.elv-layout-toc {
|
|||
|
|
margin-left: 18rem;
|
|||
|
|
max-width: 60rem;
|
|||
|
|
margin-right: 1rem;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/*.elv-layout-wider {
|
|||
|
|
max-width: 60rem;
|
|||
|
|
}*/
|
|||
|
|
|
|||
|
|
/* Header */
|
|||
|
|
.elv-header {
|
|||
|
|
color: #222;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.elv-header-default {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.elv-header-docs:before,
|
|||
|
|
.elv-header-docs:after {
|
|||
|
|
content: " ";
|
|||
|
|
display: table;
|
|||
|
|
}
|
|||
|
|
.elv-header-docs:after {
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
/* Header Hero */
|
|||
|
|
.elv-hero img {
|
|||
|
|
max-width: 80vw;
|
|||
|
|
max-height: 60vh;
|
|||
|
|
}
|
|||
|
|
.elv-header-docs .elv-hero {
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 1.5em;
|
|||
|
|
}
|
|||
|
|
.elv-header-docs .elv-hero img {
|
|||
|
|
height: 3em;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 37.5em) { /* 600px */
|
|||
|
|
.elv-header-docs .elv-hero img {
|
|||
|
|
width: 4.303125em; /* 68.85px /16 */
|
|||
|
|
height: 6em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/* Header Possum */
|
|||
|
|
.elv-possum {
|
|||
|
|
display: none;
|
|||
|
|
position: absolute;
|
|||
|
|
right: 1em;
|
|||
|
|
top: 1em;
|
|||
|
|
width: 16vmin;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 31.25em) { /* 500px */
|
|||
|
|
.elv-possum {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Header Heading */
|
|||
|
|
.elv-hed {
|
|||
|
|
font-size: 3em;
|
|||
|
|
margin-top: 1.5em;
|
|||
|
|
margin-bottom: .25em;
|
|||
|
|
text-align: center;
|
|||
|
|
text-transform: none;
|
|||
|
|
}
|
|||
|
|
.elv-header-docs .elv-hed {
|
|||
|
|
font-size: 2.3em;
|
|||
|
|
margin: 0;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 37.5em) { /* 600px */
|
|||
|
|
.elv-header-docs .elv-hed {
|
|||
|
|
font-size: 3em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Navigation */
|
|||
|
|
.elv-nav {
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 1em 0 0 0;
|
|||
|
|
clear: both;
|
|||
|
|
list-style: none;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item {
|
|||
|
|
float: left;
|
|||
|
|
padding-left: .25em;
|
|||
|
|
padding-right: .25em;
|
|||
|
|
font-size: 0.8125rem; /* 13px /16 */
|
|||
|
|
}
|
|||
|
|
.elv-nav-item:first-child {
|
|||
|
|
padding-left: 0;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item:last-child {
|
|||
|
|
padding-right: 0;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item a {
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item .elv-nav-light {
|
|||
|
|
font-weight: 300;
|
|||
|
|
}
|
|||
|
|
@media (min-width: 20em) { /* 320px */
|
|||
|
|
.elv-nav-item {
|
|||
|
|
font-size: 4vw;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (min-width: 25em) { /* 400px */
|
|||
|
|
.elv-nav-item {
|
|||
|
|
font-size: 1rem; /* 16px /16 */
|
|||
|
|
padding-left: .45em;
|
|||
|
|
padding-right: .45em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (min-width: 35.625em) { /* 570px */
|
|||
|
|
.elv-nav {
|
|||
|
|
clear: none;
|
|||
|
|
width: auto;
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item {
|
|||
|
|
float: left;
|
|||
|
|
padding-left: 0;
|
|||
|
|
padding-right: 0;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item a:not(:hover) {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
.elv-nav-item:not(:first-child):before {
|
|||
|
|
content: "";
|
|||
|
|
border-left: 1px solid #ccc;
|
|||
|
|
padding: 0 0 0 .75em;
|
|||
|
|
margin-left: .75em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Version */
|
|||
|
|
.latestversion {
|
|||
|
|
font-size: 2em;
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
.latestversion code {
|
|||
|
|
font-size: 0.75em; /* 24px /32 */
|
|||
|
|
}
|
|||
|
|
.latestversion {
|
|||
|
|
font-family: BenchNine, system-ui, sans-serif;
|
|||
|
|
}
|
|||
|
|
.tmpl-docs .latestversion {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 1rem;
|
|||
|
|
right: 1rem;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* News */
|
|||
|
|
.news {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Direct Links / Markdown Headers */
|
|||
|
|
.direct-link {
|
|||
|
|
font-family: sans-serif;
|
|||
|
|
text-decoration: none;
|
|||
|
|
font-style: normal;
|
|||
|
|
margin-left: .1em;
|
|||
|
|
}
|
|||
|
|
a[href].direct-link,
|
|||
|
|
a[href].direct-link:visited {
|
|||
|
|
color: transparent;
|
|||
|
|
}
|
|||
|
|
a[href].direct-link:focus,
|
|||
|
|
a[href].direct-link:focus:visited,
|
|||
|
|
:hover > a[href].direct-link,
|
|||
|
|
:hover > a[href].direct-link:visited,
|
|||
|
|
:focus > a[href].direct-link,
|
|||
|
|
:focus > a[href].direct-link:visited {
|
|||
|
|
color: #aaa;
|
|||
|
|
}
|
|||
|
|
/* don’t use a direct link, should be a link to the page */
|
|||
|
|
main .elv-toc + h1 .direct-link {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Style Guide */
|
|||
|
|
.elv-sg-component {
|
|||
|
|
background-color: #f9f9f9;
|
|||
|
|
border-top: 1px dotted #ddd;
|
|||
|
|
border-bottom: 1px dotted #ddd;
|
|||
|
|
margin: 2rem 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Screen readers only */
|
|||
|
|
.sr-only {
|
|||
|
|
position: absolute;
|
|||
|
|
height: 1px;
|
|||
|
|
width: 1px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Language List */
|
|||
|
|
.elv-langlist {
|
|||
|
|
font-size: 0.8333333333333em; /* 15px /18 */
|
|||
|
|
background-color: #f7f7f7;
|
|||
|
|
padding: .5rem;
|
|||
|
|
margin: 2em 0;
|
|||
|
|
}
|
|||
|
|
.elv-langlist-hed {
|
|||
|
|
margin: 0;
|
|||
|
|
float: left;
|
|||
|
|
border: none;
|
|||
|
|
font-size: 1.4em; /* 21px /15 */
|
|||
|
|
}
|
|||
|
|
.elv-langlist > .inlinelist {
|
|||
|
|
display: inline;
|
|||
|
|
margin-left: 1em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (min-width: 37.5em) { /* 600px */
|
|||
|
|
.quicktipstoc {
|
|||
|
|
margin: 0 0 3% 3%;
|
|||
|
|
float: right;
|
|||
|
|
width: 32%;
|
|||
|
|
border-radius: .25em;
|
|||
|
|
font-size: 0.8125em; /* 13px /16 */
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Breakpoint Overrides */
|
|||
|
|
@media (max-width: 37.4375em) { /* 599px */
|
|||
|
|
.bp-notsm.bp-notsm.bp-notsm.bp-notsm {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (min-width: 37.5em) { /* 600px */
|
|||
|
|
.bp-sm.bp-sm.bp-sm.bp-sm {
|
|||
|
|
display: none ;
|
|||
|
|
}
|
|||
|
|
}
|