Add files for building documentation into a Docker image for web serving.
All checks were successful
the build was successful
All checks were successful
the build was successful
This commit is contained in:
12
docs/_includes/components/external-links.css
Normal file
12
docs/_includes/components/external-links.css
Normal file
@@ -0,0 +1,12 @@
|
||||
/* External links */
|
||||
a[href^="http://"]:not(.minilink):not(.elv-externalexempt),
|
||||
a[href^="https://"]:not(.minilink):not(.elv-externalexempt),
|
||||
a[href^="//"]:not(.minilink):not(.elv-externalexempt) {
|
||||
text-decoration-color: inherit;
|
||||
}
|
||||
/* External link hovers */
|
||||
a[href^="http://"]:not(.minilink):not(.elv-externalexempt):hover,
|
||||
a[href^="https://"]:not(.minilink):not(.elv-externalexempt):hover,
|
||||
a[href^="//"]:not(.minilink):not(.elv-externalexempt):hover {
|
||||
text-decoration-color: #00bcd4;
|
||||
}
|
||||
34
docs/_includes/components/info-blocks.css
Normal file
34
docs/_includes/components/info-blocks.css
Normal file
@@ -0,0 +1,34 @@
|
||||
/* Warning */
|
||||
.elv-info {
|
||||
line-height: 1.5;
|
||||
padding: 0.8125em 1em 0.75em; /* 13px 16px 12px /16 */
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
margin-bottom: 2em;
|
||||
background-color: #dff7ff;
|
||||
}
|
||||
.elv-info:before {
|
||||
content: "ℹ️ ";
|
||||
}
|
||||
.elv-info-warn {
|
||||
background-color: #ffa;
|
||||
}
|
||||
.elv-info-warn:before {
|
||||
content: "⚠️ ";
|
||||
}
|
||||
.elv-info:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
body > .elv-info {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: .5rem 1rem;
|
||||
}
|
||||
@media (min-width: 37.5em) and (min-height: 25em) { /* 600px / 400px */
|
||||
body > .elv-info-sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
box-shadow: 0 3px 0 0 rgba(0,0,0,.08);
|
||||
}
|
||||
}
|
||||
126
docs/_includes/components/lists.css
Normal file
126
docs/_includes/components/lists.css
Normal file
@@ -0,0 +1,126 @@
|
||||
/* Buzzwords */
|
||||
@keyframes rainbow {
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
.buzzword-list,
|
||||
.inlinelist {
|
||||
padding: 0;
|
||||
}
|
||||
.inlinelist:first-child:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
.buzzword,
|
||||
.buzzword-list li,
|
||||
.inlinelist .inlinelist-item {
|
||||
display: inline;
|
||||
-webkit-box-decoration-break: clone;
|
||||
box-decoration-break: clone;
|
||||
font-family: Georgia, serif;
|
||||
font-size: 116%;
|
||||
white-space: normal;
|
||||
line-height: 1.85;
|
||||
padding: .2em .5em;
|
||||
margin: 4px 4px 4px 0;
|
||||
transition: .15s linear outline;
|
||||
}
|
||||
.inlinelist .inlinelist-item.active {
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
font-weight: inherit;
|
||||
}
|
||||
.inlinelist .inlinelist-item.active :link,
|
||||
.inlinelist .inlinelist-item.active :visited {
|
||||
color: #fff;
|
||||
}
|
||||
.inlinelist .inlinelist-item code {
|
||||
background-color: transparent;
|
||||
}
|
||||
a.buzzword {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.buzzword-list a,
|
||||
.inlinelist a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.inlinelist .inlinelist-item {
|
||||
font-size: 100%;
|
||||
line-height: 2;
|
||||
}
|
||||
@supports not(-webkit-box-decoration-break: clone) {
|
||||
.buzzword,
|
||||
.buzzword-list li,
|
||||
.inlinelist .inlinelist-item {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.buzzword-list li,
|
||||
.buzzword {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
.inlinelist .inlinelist-item {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.inlinelist .inlinelist-item:hover,
|
||||
.inlinelist .inlinelist-item:focus,
|
||||
.buzzword-list li:hover,
|
||||
.buzzword-list li:focus,
|
||||
.buzzword:hover,
|
||||
.buzzword:focus {
|
||||
position: relative;
|
||||
background-image: linear-gradient(238deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff0080);
|
||||
background-size: 1200% 1200%;
|
||||
color: #fff;
|
||||
text-shadow: 0 0 2px rgba(0,0,0,.9);
|
||||
animation: rainbow 1.6s infinite;
|
||||
}
|
||||
.inlinelist .inlinelist-item:hover a,
|
||||
.inlinelist .inlinelist-item:focus a,
|
||||
.buzzword-list li:hover a,
|
||||
.buzzword-list li:focus a,
|
||||
a.buzzword:hover,
|
||||
a.buzzword:focus {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
/*
|
||||
I wish there were a PE friendly way to do this but media queries don’t work work with @supports
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.buzzword:hover,
|
||||
.buzzword:focus {
|
||||
animation: rainbow 1s infinite;
|
||||
}
|
||||
}*/
|
||||
.buzzword-list li:hover:after,
|
||||
.buzzword-list li:focus:after,
|
||||
.buzzword:hover:after,
|
||||
.buzzword:focus:after {
|
||||
font-family: system-ui, sans-serif;
|
||||
content: "Buzzword alert!!!";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
max-width: 8em;
|
||||
color: #f00;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
transform: rotate(-10deg) translate(-25%, -125%);
|
||||
text-shadow: 1px 1px 5px rgba(0,0,0,.6);
|
||||
line-height: 1.2;
|
||||
pointer-events: none;
|
||||
}
|
||||
main h2 .buzzword,
|
||||
main h3 .buzzword,
|
||||
main p .buzzword {
|
||||
padding: 0px 7px;
|
||||
font-size: 1em; /* 18px /18 */
|
||||
margin: 0;
|
||||
line-height: 1.444444444444; /* 26px /18 */
|
||||
font-family: inherit;
|
||||
}
|
||||
main h2 a.buzzword,
|
||||
main h3 a.buzzword,
|
||||
main p a.buzzword {
|
||||
text-decoration: underline;
|
||||
}
|
||||
40
docs/_includes/components/minilink.css
Normal file
40
docs/_includes/components/minilink.css
Normal file
@@ -0,0 +1,40 @@
|
||||
/* Mini link */
|
||||
.minilink {
|
||||
display: inline-block;
|
||||
padding: .125em .375em;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.875rem; /* 14px /16 */
|
||||
text-decoration: none;
|
||||
background-color: #ddd;
|
||||
border-radius: 0.1875em; /* 3px /16 */
|
||||
font-weight: 500;
|
||||
margin: 0 0.4285714285714em 0.07142857142857em 0; /* 0 6px 1px 0 /14 */
|
||||
line-height: 1.285714285714; /* 18px /14 */
|
||||
font-family: system-ui, sans-serif;
|
||||
}
|
||||
.minilink[href] {
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
|
||||
}
|
||||
.minilink[href]:hover,
|
||||
.minilink[href]:focus {
|
||||
background-color: #bbb;
|
||||
}
|
||||
pre + .minilink {
|
||||
color: #fff;
|
||||
border-radius: 0 0 0.2857142857143em 0.2857142857143em; /* 4px /14 */
|
||||
float: right;
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
}
|
||||
pre[class*=language-] + .minilink {
|
||||
position: relative;
|
||||
top: -0.7142857142857em; /* -10px /14 */
|
||||
}
|
||||
p.minilink {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.minilink + pre[class*=language-] {
|
||||
clear: both;
|
||||
}
|
||||
63
docs/_includes/components/toc.css
Normal file
63
docs/_includes/components/toc.css
Normal file
@@ -0,0 +1,63 @@
|
||||
.elv-toc {
|
||||
font-size: 1rem; /* Reset */
|
||||
}
|
||||
@media (min-width: 64em) { /* 1024px */
|
||||
.elv-toc {
|
||||
position: absolute;
|
||||
left: -17rem;
|
||||
width: 16rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.elv-toc-list {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/* Nested lists */
|
||||
.elv-toc-list ul {
|
||||
padding: 0;
|
||||
display: none;
|
||||
margin-bottom: 1.5em;
|
||||
list-style: none;
|
||||
}
|
||||
.elv-toc-list ul li {
|
||||
padding-left: 0.875em; /* 14px /16 */
|
||||
}
|
||||
@media (min-width: 64em) and (min-height: 48em) { /* 1024 x 768px */
|
||||
.elv-toc-list ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* List items */
|
||||
.elv-toc-list a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
.elv-toc-list li {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin: .1em 0 .5em;
|
||||
}
|
||||
/* Top level links */
|
||||
.elv-toc-list > li > a {
|
||||
font-weight: 400;
|
||||
font-size: 1.0625em; /* 17px /16 */
|
||||
color: #222;
|
||||
}
|
||||
|
||||
/* Active links */
|
||||
.elv-toc-list li.elv-toc-active > a {
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.elv-toc-active > a:after {
|
||||
content: " ⬅";
|
||||
line-height: .5;
|
||||
}
|
||||
/* Show only active nested lists */
|
||||
.elv-toc-list ul.elv-toc-active,
|
||||
.elv-toc-list li.elv-toc-active > ul {
|
||||
display: block;
|
||||
}
|
||||
Reference in New Issue
Block a user