Update architecture

This commit is contained in:
Kujiu 2021-12-03 01:10:51 +01:00
parent afdf032ab2
commit 39dc1e4d18
Signed by: kujiu
GPG key ID: ABBB2CAC6855599F
44 changed files with 4185 additions and 2 deletions

45
LICENSE-Hack-font.md Normal file
View file

@ -0,0 +1,45 @@
The work in the Hack project is Copyright 2018 Source Foundry Authors and licensed under the MIT License
The work in the DejaVu project was committed to the public domain.
Bitstream Vera Sans Mono Copyright 2003 Bitstream Inc. and licensed under the Bitstream Vera License with Reserved Font Names "Bitstream" and "Vera"
### MIT License
Copyright (c) 2018 Source Foundry Authors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
### BITSTREAM VERA LICENSE
Copyright (c) 2003 by Bitstream, Inc. All Rights Reserved. Bitstream Vera is a trademark of Bitstream, Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy of the fonts accompanying this license ("Fonts") and associated documentation files (the "Font Software"), to reproduce and distribute the Font Software, including without limitation the rights to use, copy, merge, publish, distribute, and/or sell copies of the Font Software, and to permit persons to whom the Font Software is furnished to do so, subject to the following conditions:
The above copyright and trademark notices and this permission notice shall be included in all copies of one or more of the Font Software typefaces.
The Font Software may be modified, altered, or added to, and in particular the designs of glyphs or characters in the Fonts may be modified and additional glyphs or characters may be added to the Fonts, only if the fonts are renamed to names not containing either the words "Bitstream" or the word "Vera".
This License becomes null and void to the extent applicable to Fonts or Font Software that has been modified and is distributed under the "Bitstream Vera" names.
The Font Software may be sold as part of a larger software package but no copy of one or more of the Font Software typefaces may be sold by itself.
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL BITSTREAM OR THE GNOME FOUNDATION BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
Except as contained in this notice, the names of Gnome, the Gnome Foundation, and Bitstream Inc., shall not be used in advertising or otherwise to promote the sale, use or other dealings in this Font Software without prior written authorization from the Gnome Foundation or Bitstream Inc., respectively. For further information, contact: fonts at gnome dot org.

14
LICENSE-Luciole-font.txt Normal file
View file

@ -0,0 +1,14 @@
Ces fontes sont distribuées gratuitement sous Licence publique Creative Commons Attribution 4.0 International :
https://creativecommons.org/licenses/by/4.0/legalcode.fr
These fonts are freely available under Creative Commons Attribution 4.0 International Public License:
https://creativecommons.org/licenses/by/4.0/legalcode
Luciole © Laurent Bourcellier & Jonathan Perez

View file

@ -10,3 +10,15 @@ XMPP web client, authoring tool, library, accessibility, adaptation, copyright e
- serve manifest.webmanifest with mimetype application/manifest+json;
- serve .mjs files as application/javascript;
- serve in https and redirect http to https.
Licensing
=========
Nerv Tales Network aka NervTN is licensed under EUPL1.2.
See LICENSE, LICENSE-fr, LICENSE-nl or LICENSE-en for more informations.
This work contains other licensed ressources.
- Hack font (see LICENSE-Hack-font.md)
- Luciole font (see LICENSE-Luciole-font.txt)

View file

@ -19,8 +19,18 @@ import ReloadPWA from './components/ReloadPWA.vue';
</template>
<style lang="less">
#app {
}
@import './assets/css/wrapper.less';
@import './assets/css/common.less';
@import './assets/css/input.less';
@import './assets/css/sidebar.less';
@import './assets/css/print.less';
@import './assets/css/mobile.less';
@import './assets/css/config.less';
@import './assets/css/theme-print.less';
@import './assets/css/theme-light.less';
@import './assets/css/theme-light-hc.less';
@import './assets/css/theme-dark.less';
@import './assets/css/theme-dark-hc.less';
</style>
<script>

25
src/assets/css/arrow.less Normal file
View file

@ -0,0 +1,25 @@
.arrow {
display: inline-block;
width: 0;
height: 0;
&.up {
border-left: 0.3rem solid transparent;
border-right: 0.3rem solid transparent;
border-bottom: 0.5rem solid var(--ArBgClr);
}
&.down {
border-left: 0.3rem solid transparent;
border-right: 0.3rem solid transparent;
border-top: 0.5rem solid var(--ArBgClr);
}
&.right {
border-top: 0.3rem solid transparent;
border-bottom: 0.3rem solid transparent;
border-left: 0.5rem solid var(--ArBgClr);
}
&.left {
border-top: 0.3rem solid transparent;
border-bottom: 0.3rem solid transparent;
border-right: 0.5rem solid var(--ArBgClr);
}
}

187
src/assets/css/code.less Normal file
View file

@ -0,0 +1,187 @@
pre {
white-space: pre-wrap;
overflow-wrap: break-word;
}
.content {
td.linenos, td.code {
border: none;
padding: 0;
margin: 0;
> .highlight pre {
border: none;
}
}
code {
color: var(--CdTClr);
padding: 0.25rem 0.1rem;
margin: 0;
font-size: 0.85em;
background-color: var(--CdBgClr);
border-bottom: var(--CdBClr) solid 0.2em;
a, a:visited {
color: var(--CdLClr);
&:hover {
color: var(--CdLHClr);
}
}
}
td.linenos pre, pre span.lineno {
border-right: solid 0.3em var(--CdLnBClr);
background-color: var(--CdLnBgClr);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
color: var(--CdLnTClr);
white-space: pre;
overflow-wrap: normal;
margin: 0;
}
pre span.lineno {
float: left;
margin: 0 0.5rem 0 -0.5rem;
padding-left: 0.5rem;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
pre, pre[class*="language-"] {
line-height: 1.4;
padding: 1.25rem 1.5rem 1.25rem 0.5rem;
margin: 0.85rem 0;
background-color: var(--PrBgClr);
color: var(--PrTClr);
border-left: var(--PrBClr) solid 0.5em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
code {
color: var(--PrTClr);
padding: 0;
background-color: transparent;
}
a, a:visited {
color: var(--PrLClr);
&:hover {
color: var(--PrLHClr);
}
}
}
}
div[class*="language-"] {
position: relative;
background-color: var(--CdBgClr);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
.highlight-lines {
padding-top: 1.3rem;
width: 100%;
line-height: 1.4;
.highlighted {
background-color: var(--CdBgAClr);
color: var(--CdAClr);
}
}
pre, pre[class*="language-"] {
background: transparent;
position: relative;
z-index: 1;
}
&::before {
z-index: 3;
font-size: 0.75rem;
color: var(--CdT2Clr);
}
&:not(.line-numbers-mode) {
.line-numbers-wrapper {
display: none;
}
}
&.line-numbers-mode {
.highlight-lines {
.highlighted {
position: relative;
&:before {
content: ' ';
z-index: 3;
display: block;
width: var(--lineNumbersWrapperWidth);
height: 100%;
background-color: var(--CdBgAClr);
color: var(--CdBgClr);
}
}
}
pre {
padding-left: var(--lineNumbersWrapperWidth);
vertical-align: middle;
}
.line-numbers-wrapper {
width: var(--lineNumbersWrapperWidth);
text-align: center;
color: var(--PrLNClr);
padding: 1.25rem 0;
line-height: 1.4;
.line-number {
position: relative;
z-index: 4;
font-size: 0.85em;
}
}
&::after {
content: '';
z-index: 2;
width: var(--lineNumbersWrapperWidth);
height: 100%;
border-left: 0.5rem solid var(--PrB2Clr);
background-color: var(--PrBgClr);
}
}
}
//for lang in js ts html md vue css sass scss less stylus go java c sh yaml rst rust zsh gdscript esc
// div{'[class~="language-' + lang + '"]'}
// &:before
// content ('' + lang)
div[class~="language-javascript"] {
&:before {
content: "js";
}
}
div[class~="language-typescript"] {
&:before {
content: "ts";
}
}
div[class~="language-markup"] {
&:before {
content: "html";
}
}
div[class~="language-markdown"] {
&:before {
content: "md";
}
}
div[class~="language-json"]:before {
content: "json";
}
div[class~="language-ruby"]:before {
content: "rb";
}
div[class~="language-python"]:before {
content: "py";
}
div[class~="language-bash"]:before {
content: "sh";
}

885
src/assets/css/common.less Normal file
View file

@ -0,0 +1,885 @@
@import './code.less';
@import './custom-blocks.less';
@import './arrow.less';
@import './sphinx.less';
@import './toc.less';
@import './wrapper.less';
@font-face {
font-family: Hack;
font-weight: normal;
font-style: normal;
src: url("../fonts/hack/Hack-Regular.woff");
}
@font-face {
font-family: Hack;
font-weight: bold;
font-style: normal;
src: url("../fonts/hack/Hack-Bold.woff");
}
@font-face {
font-family: Hack;
font-weight: bold;
font-style: italic;
src: url("../fonts/hack/Hack-BoldItalic.woff");
}
@font-face {
font-family: Hack;
font-weight: normal;
font-style: italic;
src: url("../fonts/hack/Hack-Italic.woff");
}
@font-face {
font-family: Luciole;
font-weight: normal;
font-style: normal;
src: url("../fonts/luciole/Luciole-Regular.woff");
}
@font-face {
font-family: Luciole;
font-weight: bold;
font-style: normal;
src: url("../fonts/luciole/Luciole-Bold.woff");
}
@font-face {
font-family: Luciole;
font-weight: bold;
font-style: italic;
src: url("../fonts/luciole/Luciole-Bold-Italic.woff");
}
@font-face {
font-family: Luciole;
font-weight: normal;
font-style: italic;
src: url("../fonts/luciole/Luciole-Regular-Italic.woff");
}
html, body {
padding: 0;
margin: 0;
min-height: 100vh;
}
body {
font-family: Luciole;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--TClr);
background-color: var(--BgClr);
a, a:visited {
color: var(--LClr);
&:hover {
color: var(--LHClr);
}
}
}
#app {
display: flex;
flex-flow: column;
.navbar {
z-index: 20;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
background-color: var(--NvBgClr);
box-sizing: border-box;
border-bottom: 0.3em solid var(--NvBClr);
box-shadow: 0 0.3em var(--NvBClr), 0 0 0.3em 0.4em var(--NvBgClr);
color: var(--NvTClr);
.nav-dropdown-menu {
vertical-align: top;
max-height: 2em;
details {
padding: 0 0.5em 0 0.5em;
background: var(--NvBgClr);
border-radius: 0.5em;
color: var(--NvTClr);
ul {
list-style: none;
}
a, a:visited {
color: var(--NvLClr);
&:hover {
color: var(--NvLHClr);
}
}
}
}
a, a:visited {
color: var(--NvLClr);
&:hover {
color: var(--NvLHClr);
}
}
}
footer.footer {
padding: 0.3em;;
box-sizing: border-box;
border-top: 0.3em solid var(--FoBClr);
box-shadow: 0 -0.3em var(--FoBClr), 0 0 0.3em 0.4em var(--FoBgClr);
background-color: var(--FoBgClr);
color: var(--FoTClr);
min-height: 5em;
z-index: 1000;
a, a:visited {
color: var(--FoLClr);
&:hover {
color: var(--FoLHClr);
}
}
}
ul.simple, ul {
list-style-type: '\2013 ';
list-style-position: outside;
}
#appflex {
display: flex;
flex-flow: row;
flex-grow: 1;
.page {
width: 100%;
}
}
}
.content:not(.custom) {
.wrapper();
a:hover {
text-decoration: underline;
}
p.demo {
padding: 1rem 1.5rem;
border: 0.3em solid var(--BClr);
border-radius: 0.4em;
}
img {
max-width: 100%;
}
}
.content.custom {
padding: 0;
margin: 0;
img {
max-width: 100%;
}
}
a, a:visited {
font-weight: 500;
color: var(--AClr);
text-decoration: none;
}
p a code, p a:visited code {
font-weight: 400;
color: var(--AClr);
}
kbd {
background: var(--BgClr);
border: solid 0.05rem var(--BClr);
border-bottom: solid 0.1rem var(--BClr);
border-radius: 0.15rem;
line-height: 1.5em;
padding: 0.25em;
}
blockquote {
font-size: 1.2rem;
color: var(--BqTClr);
border-left: .25rem solid var(--BqBClr);
background-color: var(--BqBgClr);
margin-left: 0;
padding-left: 1rem;
}
ul, ol {
padding-left: 1.2em;
}
strong {
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.25;
.content:not(.custom) > & {
margin-bottom: 0;
&:first-child {
margin-bottom: 1rem;
+ p, + pre, + .custom-block {
margin-top: 2rem;
}
}
}
&:hover .header-anchor {
opacity: 1;
}
}
h1 {
font-size: 2.2rem;
}
h2 {
font-size: 1.65rem;
padding-bottom: .3rem;
border-bottom: 0.3em solid var(--BClr);
}
h3 {
font-size: 1.35rem;
}
a.header-anchor, a:visited.header-anchor {
font-size: 0.85em;
float: left;
margin-left: -0.87em;
padding-right: 0.23em;
margin-top: 0.125em;
opacity: 0;
&:hover {
text-decoration: none;
}
}
code, kbd, .line-number {
font-family: Hack;
}
p, ul, ol {
line-height: 1.7;
}
hr {
border: 0;
border-top: 0.3em solid var(--BClr);
}
table {
border-collapse: collapse;
margin: 1rem 0;
display: block;
}
tr {
border-top: 0.3em solid var(--TeBClr);
&:nth-child(2n) {
background-color: var(--ToBgClr);
color: var(--ToTClr);
}
}
th, td {
border: 0.3em solid var(--TeBClr);
padding: .6em 1em;
}
.custom-layout {
}
.theme-container {
&.no-navbar {
.content:not(.custom) > h1, h2, h3, h4, h5, h6 {
margin-top: 1.5rem;
padding-top: 0;
}
.custom-layout {
padding-top: 0;
}
}
}
:focus {
border-radius: 0.5em;
box-shadow: 0 0 0.4em 0.3em var(--FClr) !important;
}
a.btn, a:visited.btn {
background-color: var(--BtnBgClr);
padding: .6em .6em;
font-size: .8em;
line-height: 0.1em;
color: var(--BtnTClr);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
&:hover {
background-color: var(--BtnBgAClr);
}
}
ul.social {
font-size: 0.9em;
display: flex;
flex-flow: row wrap;
justify-content: center;
> li {
margin: 0.5em;
flex-basis: min-content;
flex-grow: 0;
list-style: none;
}
}
svg.fasvg {
max-height: 1em;
max-width: 1.5ex;
height: 1em;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
vertical-align: baseline;
fill: var(--TClr);
use {
max-height: 1em;
height: 1em;
}
}
a.fasvglink, a:visited.fasvglink {
display: inline-flex !important;
flex-flow: row nowrap;
height: 2em;
border-radius: 2em;
border: 0.2em solid var(--LClr);
text-align: center;
line-height: 2em;
padding-left: 0.5em;
padding-right: 0.5em;
margin: 0.2em 0.2em 0.2em 0.2em;
color: var(--BtnTClr);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
svg {
max-height: 1.2em !important;
max-width: 1.2ex;
height: 1.2em !important;
width: 1.2ex;
margin: 0.2em 0.5em 0.2em 0.2em !important;
display: inline-block !important;
vertical-align: baseline;
fill: var(--BtnTClr);
}
&:hover {
-webkit-transform: scale(1.3em);
transform: scale(1.3em);
svg {
fill: var(--BtnAClr) !important;
}
}
&.email {
color: var(--SEmailClr);
border-color: var(--SEmailClr);
svg {
fill: var(--SEmailClr);
}
}
&.contact {
color: var(--SContactClr);
border-color: var(--SContactClr);
svg {
fill: var(--SContactClr);
}
}
&.facebook {
color: var(--SFacebookClr);
border-color: var(--SFacebookClr);
svg {
fill: var(--SFacebookClr);
}
}
&.github {
color: var(--SGithubClr);
border-color: var(--SGithubClr);
svg {
fill: var(--SGithubClr);
}
}
&.google {
color: var(--SGoogleClr);
border-color: var(--SGoogleClr);
svg {
fill: var(--SGoogleClr);
}
}
&.linkedin {
color: var(--SLinkedinClr);
border-color: var(--SLinkedinClr);
svg {
fill: var(--SLinkedinClr);
}
}
&.pinterest {
color: var(--SPinterestClr);
border-color: var(--SPinterestClr);
svg {
fill: var(--SPinterestClr);
}
}
&.reddit {
color: var(--SRedditClr);
border-color: var(--SRedditClr);
svg {
fill: var(--SRedditClr);
}
}
&.rss {
color: var(--SRssClr);
border-color: var(--SRssClr);
svg {
fill: var(--SRssClr);
}
}
&.soundcloud {
color: var(--SSoundcloudClr);
border-color: var(--SSoundcloudClr);
svg {
fill: var(--SSoundcloudClr);
}
}
&.stackOverflow {
color: var(--SStackOverflowClr);
border-color: var(--SStackOverflowClr);
svg {
fill: var(--SStackOverflowClr);
}
}
&.twitter {
color: var(--STwitterClr);
border-color: var(--STwitterClr);
svg {
fill: var(--STwitterClr);
}
}
&.mastodon {
color: var(--SMastodonClr);
border-color: var(--SMastodonClr);
svg {
fill: var(--SMastodonClr);
}
}
&.diaspora {
color: var(--SDiasporaClr);
border-color: var(--SDiasporaClr);
svg {
fill: var(--SDiasporaClr);
}
}
&.youtube {
color: var(--SYoutubeClr);
border-color: var(--SYoutubeClr);
svg {
fill: var(--SYoutubeClr);
}
}
&:hover {
z-index: 2;
color: var(--BtnAClr) !important;
border-color: var(--BtnAClr) !important;
}
}
form {
footer {
text-align: right;
> * {
text-align: left;
}
}
main {
width: 100%;
.formctl {
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-end;
margin: 0.3em;
padding: 0.3em;
width: 100%;
label {
flex-grow: 1;
}
input, textarea {
flex-grow: 2;
display: inline-flex;
max-width: 90%;
}
}
}
}
button, a.btn, a:visited.btn {
background-color: var(--BtnBgClr);
color: var(--BtnTClr);
border: solid 0.3em var(--BtnBClr);
text-decoration: none;
display: inline-block;
border-radius: 2em;
height: 2em;
padding: 0.2em 0.8em 0.2em 0.8em;
font-size: 1.2em;
&:hover {
background-color: var(--BtnHClr);
}
}
.flexgroup {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
> img {
height: 100%;
}
> * {
border-radius: 1em;
width: 40%;
flex-grow: 1;
max-width: 80ex;
padding: 1em;
margin: 1em 0.5em 1em 0.5em;
box-shadow: 0 0 0.2em 0.1em var(--BClr);
&a, &a:visited {
box-shadow: 0 0 0.2em 0.1em var(--LClr);
&:hover {
box-shadow: 0 0 0.2em 0.1em var(--LHClr);
}
}
}
}
#mainlogo {
text-align: center;
width: 100%;
img {
text-align: center;
border-radius: 50%;
width: 90%;
max-width: 15ex;
}
}
.content:not(.custom) {
max-width: 90%;
}
/* THE SECTION BELOW DEFINES THE APPEARANCE OF AUTODOC-GENERATED DOCS */
.sig-name.descname {
font-weight: bold;
}
.sig-param {
margin-left: 0.3em;
}
.sig-paren {
margin-left: 0.3em;
}
dt {
line-height: 1.5em;
margin-bottom: 1em;
}
dt.field-odd, dt.field-even, p.rubric {
font-size: 1.2em;
font-weight: bold;
color: var(--TrClr);
}
dd {
margin-left: 0.8em;
}
dd.field-odd p strong {
margin-left: 1em;
}
dl.method, dl.function {
margin-top: 2em;
margin-bottom: 3em;
}
dl.navdl {
margin-top: 0.2em;
margin-bottom: 0.3em;
}
dl.navdl dt {
margin-top: 0em;
margin-bottom: 0em;
padding: 0rem 1rem 0rem 1.45rem !important;
line-height: 1.1em;
font-weight: bold;
font-style: italic;
}
dl.navdl dd {
margin-top: 0em;
margin-bottom: 0em;
line-height: 1.1em;
padding: 0.1rem 1rem 0.1rem 2.25rem !important;
}
.viewcode-link {
margin-left: 1em;
color: var(--LClr);
}
/* THE SECTION BELOW DEFINES THE APPEARANCE OF TABLE-OF-CONTENTS */
/* color fixes for table of contents */
.toc-backref {
color: inherit;
}
/* Hide all TOC titles */
.contents.topic p.topic-title {
display: none;
}
.contents.topic {
margin-bottom: 3em;
}
/* THE SECTION BELOW CHANGES CODE FONTS FOR BETTER 80-CHARS READABILITY */
code, pre {
font-family: 'Hack', monospace;
}
blockquote {
font-size: inherit;
}
blockquote h2 {
margin-left: 1em;
}
/* THE SECTION BELOW FIXES A SPHINX-MERMAID OPACITY PROBLEM */
.content .section {
opacity: 1.0 !important;
}
.section {
opacity: 1.0 !important;
}
/* MAKES SPHINX SYNTAX figure:: :align:center WORK AGAIN */
.figure.align-center {
text-align: center;
}
.postlist-style-flex, .flexgroup {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
> img {
height: 100%;
}
> * {
flex-basis: 20%;
margin: 2em;
border-radius: 1em;
flex-grow: 1;
min-width: 20ex;
max-width: 80ex;
padding: 1em;
margin: 1em 0.5em 1em 0.5em;
box-shadow: 0 0 0.2em 0.1em var(--BClr);
&a, &a:visited {
box-shadow: 0 0 0.2em 0.1em var(--LClr);
&:hover {
box-shadow: 0 0 0.2em 0.1em var(--LHClr);
}
}
}
li {
list-style: none;
}
}
img.align-center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.align-right, figure.align-right {
display: inline-block;
float: right;
margin: 2em;
&::after {
clear: both;
display: block;
}
}
ul.ablog-archive {
list-style: none;
margin-left: 0;
}
ul.ablog-archive li {
float: left;
margin-right: 0.1em;
font-size: 0.9em;
}
ul.postlist a {
font-style: italic;
}
ul.postlist-style-disc {
list-style-type: disc;
}
ul.postlist-style-none {
list-style-type: none;
}
ul.postlist-style-circle {
list-style-type: circle;
}
ul.ablog-cloud {
list-style: none;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
ul.ablog-cloud li {
float: left;
margin: 0 0 0 0;
padding: 0.005em 1em 0.005em 1em;
a {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
}
ul.ablog-cloud a, ul.ablog-cloud a:visited {
text-decoration: none;
vertical-align: middle;
}
li.ablog-cloud-1 {
font-size: 0.8em !important;
}
li.ablog-cloud-2 {
font-size: 0.95em !important;
}
li.ablog-cloud-3 {
font-size: 1.1em !important;
}
li.ablog-cloud-4 {
font-size: 1.25em !important;
}
li.ablog-cloud-5 {
font-size: 1.4em !important;
}
.nav-links {
summary {
cursor: pointer;
width: 100%;
}
}
#main_layout_table {
margin: 0;
border: none !important;
border-spacing: 0;
> thead, > tfoot, > tbody {
border: none !important;
margin: 0;
tr, > tr > th, > tr > td {
border: none !important;
margin: 0;
padding: 0;
}
}
tbody {
break-inside: auto;
}
thead, tfoot {
display: none;
}
}
#header-identity {
width: 100%;
flex-basis: 100%;
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: center;
img {
max-height: 5em;
max-width: 20%;
min-width: 5em;
}
#navbar_title {
padding: 0 1em 0 1em;
}
}
@media screen {
.print-only {
display: none !important;
}
}

926
src/assets/css/config.less Normal file
View file

@ -0,0 +1,926 @@
:root {
// responsive breakpoints
--MQNarrow: 95ex;
--MQMobile: 72ex;
--MQMobileNarrow: 42ex;
// Print header and footer
--PrintFooterHeight: 7rem;
--PrintHeaderHeight: 6rem;
// colors
/*
S..Clr: Social network
Suffixes:
AClr: Accent color
BClr: Border color
BgClr: Background color
FClr: Focus color
HClr: Hover color
LClr: Link color
LHClr: Link hover color
TClr: Text color
Prefixes:
Aa: Admonition (standard)
Ac: Admonition (caution)
Ad: Admonition (danger)
Ae: Admonition (error)
Ah: Admonition (hint)
Ai: Admonition (important)
An: Admonition (note)
As: Admonition (success)
At: Admonition (tip)
Aw: Admonition (warning)
Ar: Arrow
Bh: ButtonHover
Bq: Blockquote
Btn: Button
Cd: Code
CdLn: Code line column
Fo: Footer
In: Input
Pr: Pre
Sd: Sidebar
Te: Table even
To: Table odd
Tr: Term
Nv: Navbar
*/
--basesidebarWidth: 20rem;
--basecontentWidth: 100%;
// code
--baselineNumbersWrapperWidth: 4.5rem;
--baseAClr: hsl(211, 49%, 53%);
--baseSdA2Clr: hsl(211, 49%, 74.2%);
--baseFClr: hsl(36, 97%, 53%);
--baseBgClr: hsl(0, 0%, 95%);
--baseTClr: hsl(210, 29%, 24%);
--baseT2Clr: hsl(210, 29%, 11%);
--baseSdT2Clr: hsl(210, 29%, 33%);
--baseTrClr: hsl(209, 27%, 41%);
--baseBClr: hsl(211, 49%, 63%);
--baseLClr: var(--baseAClr);
--baseLHClr: hsl(36, 97%, 38%);
--baseArBgClr: hsl(0, 0%, 80%);
--baseNvAClr: hsl(36, 97%, 82%);
--baseNvBgClr: hsl(0, 0%, 16%);
--baseNvBClr: hsl(211, 49%, 63%);
--baseNvTClr: hsl(211, 49%, 75%);
--baseNvLClr: hsl(211, 49%, 75%);
--baseNvLHClr: hsl(36, 97%, 82%);
--baseInBgClr: hsl(0, 0%, 100%);
--baseInBClr: hsl(211, 49%, 63%);
--baseBtnBgAClr: hsl(0, 0%, 100%);
--baseBtnBgClr: hsl(0, 0%, 100%);
--baseBtnBClr: hsl(211, 49%, 63%);
--baseBtnTClr: var(--baseTClr);
--baseAaBgClr: hsl(0, 0%, 89%);
--baseAaBClr: hsl(0, 0%, 47%);
--baseAaTClr: var(--baseTClr);
--baseAaLClr: var(--baseLClr);
--baseAaLHClr: var(--baseLHClr);
--baseAtBgClr: hsl(210, 20%, 96%);
--baseAtBClr: hsl(153, 47%, 49%);
--baseAtTClr: hsl(153, 47%, 10%);
--baseAtLClr: var(--baseLClr);
--baseAtLHClr: var(--baseLHClr);
--baseAwBgClr: hsla(50, 100%, 70%, 0.3);
--baseAwBClr: hsl(50, 100%, 45.5%);
--baseAwTClr: hsl(50, 100%, 21%);
--baseAwLClr: var(--baseLClr);
--baseAwLHClr: var(--baseLHClr);
--baseAdBgClr: hsl(0, 100%, 95%);
--baseAdBClr: hsl(0, 100%, 40%);
--baseAdTClr: hsl(0, 100%, 15%);
--baseAdLClr: var(--baseLClr);
--baseAdLHClr: var(--baseLHClr);
--baseAsBgClr: var(--baseAtBgClr);
--baseAsBClr: var(--baseAtBClr);
--baseAsTClr: var(--baseAtTClr);
--baseAsLClr: var(--baseAtLClr);
--baseAsLHClr: var(--baseAtLHClr);
--baseAhBgClr: var(--baseAtBgClr);
--baseAhBClr: var(--baseAtBClr);
--baseAhTClr: var(--baseAtTClr);
--baseAhLClr: var(--baseAtLClr);
--baseAhLHClr: var(--baseAtLHClr);
--baseAiBgClr: hsl(207, 73%, 94%);
--baseAiBClr: hsl(208, 77%, 65%);
--baseAiTClr: var(--baseTClr);
--baseAiLClr: var(--baseLClr);
--baseAiLHClr: var(--baseLHClr);
--baseAnBgClr: var(--baseAiBgClr);
--baseAnBClr: var(--baseAiBClr);
--baseAnTClr: var(--baseAiTClr);
--baseAnLClr: var(--baseAiLClr);
--baseAnLHClr: var(--baseAiLHClr);
--baseAcBgClr: var(--baseAwBgClr);
--baseAcBClr: var(--baseAwBClr);
--baseAcTClr: var(--baseAwTClr);
--baseAcLClr: var(--baseAwLClr);
--baseAcLHClr: var(--baseAwLHClr);
--baseAeBgClr: var(--baseAdBgClr);
--baseAeBClr: var(--baseAdBClr);
--baseAeTClr: var(--baseAdTClr);
--baseAeLClr: var(--baseAdLClr);
--baseAeLHClr: var(--baseAdLHClr);
--baseBqAClr: var(--baseAClr);
--baseBqBgClr: hsl(0, 0%, 100%);
--baseBqBClr: hsl(210, 10%, 49%);
--baseBqTClr: hsl(0, 0%, 40%);
--baseBqLClr: var(--baseLClr);
--baseBqLHClr: var(--baseLHClr);
--baseCdAClr: hsl(211, 49%, 15%);
--baseCdBgAClr: hsl(211, 49%, 89%);
--baseCdBgClr: var(--baseAaBgClr);
--baseCdBClr: var(--baseAaBClr);
--baseCdTClr: var(--baseAaTClr);
--baseCdT2Clr: hsla(211, 29%, 27%, 0.4);
--baseCdLClr: var(--baseAaLClr);
--baseCdLHClr: var(--baseAaLHClr);
--baseCdLnTClr: var(--baseFoTClr);
--baseCdLnBClr: var(--baseFoBClr);
--baseCdLnBgClr: var(--baseFoBgClr);
--basePrAClr: var(--baseCdAClr);
--basePrBgAClr: var(--baseCdBgAClr);
--basePrBgClr: var(--baseCdBgClr);
--basePrBClr: var(--baseCdBClr);
--basePrB2Clr: hsla(0, 0%, 47%, 66%);
--basePrTClr: var(--baseCdBgClr);
--basePrLNClr: hsla(0, 0%, 89%, 0.3);
--basePrLClr: var(--baseCdLClr);
--basePrLHClr: var(--baseCdLHClr);
--baseTeAClr: var(--baseAClr);
--baseTeBgAClr: hsl(211, 49%, 80%);
--baseTeBgClr: hsl(0, 0%, 100%);
--baseTeBClr: hsl(210, 10%, 90%);
--baseTeTClr: var(--baseTClr);
--baseTeLClr: var(--baseLClr);
--baseTeLHClr: var(--baseLHClr);
--baseToAClr: var(--baseAClr);
--baseToBgAClr: hsl(211, 49%, 85%);
--baseToBgClr: hsl(0, 0%, 95%);
--baseToBClr: hsl(210, 10%, 89%);
--baseToTClr: var(--baseTClr);
--baseToLClr: var(--baseLClr);
--baseToLHClr: var(--baseLHClr);
--baseSdAClr: var(--baseAClr);
--baseSdBgClr: hsl(0, 0%, 100%);
--baseSdBClr: hsl(0, 0%, 50%);
--baseSdTClr: var(--baseTClr);
--baseSdLClr: var(--baseLClr);
--baseSdLHClr: var(--baseLHClr);
--baseFoAClr: var(--baseNvAClr);
--baseFoBClr: hsl(36, 97%, 62%);
--baseFoBgClr: var(--baseNvBgClr);
--baseFoTClr: var(--baseNvTClr);
--baseFoLClr: var(--baseNvLClr);
--baseFoLHClr: var(--baseNvLHClr);
--baseInAClr: var(--baseAClr);
--baseInTClr: var(--baseTClr);
--baseInHClr: var(--baseLHClr);
--baseBtnAClr: var(--baseAClr);
--baseBtnHClr: var(--baseLHClr);
--baseBhBgClr: var(--baseBtnBgClr);
--baseSEmailClr: hsl(216, 61%, 59%);
--baseSContactClr: hsl(216, 61%, 59%);
--baseSFacebookClr: hsl(221, 42%, 42%);
--baseSGithubClr: hsl(180, 3%, 14%);
--baseSGoogleClr: hsl(6, 69%, 51%);
--baseSLinkedinClr: hsl(212, 56%, 46%);
--baseSPinterestClr: hsl(4, 78%, 44%);
--baseSRedditClr: hsl(16, 100%, 50%);
--baseSRssClr: hsl(23, 93%, 49%);
--baseSSoundcloudClr: hsl(20, 100%, 50%);
--baseSStackOverflowClr: hsl(347, 100%, 50%);
--baseSTwitterClr: hsl(203, 69%, 59%);
--baseSMastodonClr: hsl(205, 100%, 54%);
--baseSDiasporaClr: hsl(0, 0%, 0%);
--baseSYoutubeClr: hsl(3, 76%, 50%);
// High contrast colors
--highContrastBaseAClr: hsl(211, 49%, 40%);
--highContrastBaseSdA2Clr: hsl(211, 49%, 56%);
--highContrastBaseFClr: hsl(36, 97%, 42%);
--highContrastBaseBgClr: hsl(0, 0%, 100%);
--highContrastBaseTClr: hsl(210, 29%, 2%);
--highContrastBaseT2Clr: hsl(210, 29%, 0.8%);
--highContrastBaseSdT2Clr: hsl(210, 29%, 3%);
--highContrastBaseTrClr: hsl(209, 27%, 10%);
--highContrastBaseBClr: hsl(211, 49%, 43%);
--highContrastBaseLClr: hsl(36, 97%, 42%);
--highContrastBaseLHClr: hsl(36, 97%, 28%);
--highContrastBaseArBgClr: hsl(0, 0%, 10%);
--highContrastBaseNvAClr: hsl(36, 97%, 12%);
--highContrastBaseNvBgClr: hsl(0, 0%, 100%);
--highContrastBaseNvBClr: hsl(211, 49%, 3%);
--highContrastBaseNvTClr: hsl(211, 49%, 75%);
--highContrastBaseNvLClr: hsl(211, 49%, 75%);
--highContrastBaseNvLHClr: hsl(36, 97%, 62%);
--highContrastBaseInBgClr: hsl(0, 0%, 100%);
--highContrastBaseInBClr: hsl(211, 49%, 5%);
--highContrastBaseBtnBgAClr: hsl(0, 0%, 100%);
--highContrastBaseBtnBgClr: hsl(0, 0%, 100%);
--highContrastBaseBtnBClr: hsl(211, 49%, 3%);
--highContrastBaseBtnTClr: var(--highContrastBaseTClr);
--highContrastBaseAaBgClr: hsl(0, 0%, 100%);
--highContrastBaseAaBClr: hsl(0, 0%, 37%);
--highContrastBaseAaTClr: var(--highContrastBaseTClr);
--highContrastBaseAaLClr: var(--highContrastBaseLClr);
--highContrastBaseAaLHClr: var(--highContrastBaseLHClr);
--highContrastBaseAtBgClr: hsl(210, 20%, 100%);
--highContrastBaseAtBClr: hsl(153, 47%, 39%);
--highContrastBaseAtTClr: hsl(153, 47%, 2%);
--highContrastBaseAtLClr: var(--highContrastBaseLClr);
--highContrastBaseAtLHClr: var(--highContrastBaseLHClr);
--highContrastBaseAwBgClr: hsla(50, 100%, 100%, 0.3);
--highContrastBaseAwBClr: hsl(50, 100%, 35.5%);
--highContrastBaseAwTClr: hsl(50, 100%, 2%);
--highContrastBaseAwLClr: var(--highContrastBaseLClr);
--highContrastBaseAwLHClr: var(--highContrastBaseLHClr);
--highContrastBaseAdBgClr: hsl(0, 100%, 100%);
--highContrastBaseAdBClr: hsl(0, 100%, 40%);
--highContrastBaseAdTClr: hsl(0, 100%, 2%);
--highContrastBaseAdLClr: var(--highContrastBaseLClr);
--highContrastBaseAdLHClr: var(--highContrastBaseLHClr);
--highContrastBaseAsBgClr: var(--highContrastBaseAtBgClr);
--highContrastBaseAsBClr: var(--highContrastBaseAtBClr);
--highContrastBaseAsTClr: var(--highContrastBaseAtTClr);
--highContrastBaseAsLClr: var(--highContrastBaseAtLClr);
--highContrastBaseAsLHClr: var(--highContrastBaseAtLHClr);
--highContrastBaseAhBgClr: var(--highContrastBaseAtBgClr);
--highContrastBaseAhBClr: var(--highContrastBaseAtBClr);
--highContrastBaseAhTClr: var(--highContrastBaseAtTClr);
--highContrastBaseAhLClr: var(--highContrastBaseAtLClr);
--highContrastBaseAhLHClr: var(--highContrastBaseAtLHClr);
--highContrastBaseAiBgClr: hsl(207, 73%, 100%);
--highContrastBaseAiBClr: hsl(208, 77%, 45%);
--highContrastBaseAiTClr: var(--highContrastBaseTClr);
--highContrastBaseAiLClr: var(--highContrastBaseLClr);
--highContrastBaseAiLHClr: var(--highContrastBaseLHClr);
--highContrastBaseAnBgClr: var(--highContrastBaseAiBgClr);
--highContrastBaseAnBClr: var(--highContrastBaseAiBClr);
--highContrastBaseAnTClr: var(--highContrastBaseAiTClr);
--highContrastBaseAnLClr: var(--highContrastBaseAiLClr);
--highContrastBaseAnLHClr: var(--highContrastBaseAiLHClr);
--highContrastBaseAcBgClr: var(--highContrastBaseAwBgClr);
--highContrastBaseAcBClr: var(--highContrastBaseAwBClr);
--highContrastBaseAcTClr: var(--highContrastBaseAwTClr);
--highContrastBaseAcLClr: var(--highContrastBaseAwLClr);
--highContrastBaseAcLHClr: var(--highContrastBaseAwLHClr);
--highContrastBaseAeBgClr: var(--highContrastBaseAdBgClr);
--highContrastBaseAeBClr: var(--highContrastBaseAdBClr);
--highContrastBaseAeTClr: var(--highContrastBaseAdTClr);
--highContrastBaseAeLClr: var(--highContrastBaseAdLClr);
--highContrastBaseAeLHClr: var(--highContrastBaseAdLHClr);
--highContrastBaseBqAClr: var(--highContrastBaseAClr);
--highContrastBaseBqBgClr: hsl(0, 0%, 100%);
--highContrastBaseBqBClr: hsl(210, 10%, 39%);
--highContrastBaseBqTClr: hsl(0, 0%, 40%);
--highContrastBaseBqLClr: var(--highContrastBaseLClr);
--highContrastBaseBqLHClr: var(--highContrastBaseLHClr);
--highContrastBaseCdAClr: hsl(211, 49%, 15%);
--highContrastBaseCdBgAClr: hsl(211, 49%, 89%);
--highContrastBaseCdBgClr: var(--highContrastBaseAaBgClr);
--highContrastBaseCdBClr: var(--highContrastBaseAaBClr);
--highContrastBaseCdTClr: var(--highContrastBaseAaTClr);
--highContrastBaseCdT2Clr: hsla(206, 99%, 2%, 0.4);
--highContrastBaseCdLClr: var(--highContrastBaseAaLClr);
--highContrastBaseCdLHClr: var(--highContrastBaseAaLHClr);
--highContrastBaseCdLnTClr: var(--highContrastBaseFoTClr);
--highContrastBaseCdLnBClr: var(--highContrastBaseFoBClr);
--highContrastBaseCdLnBgClr: var(--highContrastBaseFoBgClr);
--highContrastBasePrAClr: var(--highContrastBaseCdAClr);
--highContrastBasePrBgAClr: var(--highContrastBaseCdBgAClr);
--highContrastBasePrBgClr: var(--highContrastBaseCdBgClr);
--highContrastBasePrBClr: var(--highContrastBaseCdBClr);
--highContrastBasePrB2Clr: hsla(0, 0%, 37%, 66%);
--highContrastBasePrTClr: var(--highContrastBaseCdBgClr);
--highContrastBasePrLNClr: hsla(0, 0%, 100%, 0.3);
--highContrastBasePrLClr: var(--highContrastBaseCdLClr);
--highContrastBasePrLHClr: var(--highContrastBaseCdLHClr);
--highContrastBaseTeAClr: var(--highContrastBaseAClr);
--highContrastBaseTeBgAClr: hsl(211, 49%, 100%);
--highContrastBaseTeBgClr: hsl(0, 0%, 100%);
--highContrastBaseTeBClr: hsl(210, 10%, 20%);
--highContrastBaseTeTClr: var(--highContrastBaseTClr);
--highContrastBaseTeLClr: var(--highContrastBaseLClr);
--highContrastBaseTeLHClr: var(--highContrastBaseLHClr);
--highContrastBaseToAClr: var(--highContrastBaseAClr);
--highContrastBaseToBgAClr: hsl(211, 49%, 100%);
--highContrastBaseToBgClr: hsl(0, 0%, 100%);
--highContrastBaseToBClr: hsl(210, 10%, 29%);
--highContrastBaseToTClr: var(--highContrastBaseTClr);
--highContrastBaseToLClr: var(--highContrastBaseLClr);
--highContrastBaseToLHClr: var(--highContrastBaseLHClr);
--highContrastBaseSdAClr: var(--highContrastBaseAClr);
--highContrastBaseSdBgClr: hsl(0, 0%, 100%);
--highContrastBaseSdBClr: hsl(0, 0%, 30%);
--highContrastBaseSdTClr: var(--highContrastBaseTClr);
--highContrastBaseSdLClr: var(--highContrastBaseLClr);
--highContrastBaseSdLHClr: var(--highContrastBaseLHClr);
--highContrastBaseFoAClr: var(--highContrastBaseNvAClr);
--highContrastBaseFoBClr: hsl(36, 97%, 42%);
--highContrastBaseFoBgClr: var(--highContrastBaseNvBgClr);
--highContrastBaseFoTClr: var(--highContrastBaseNvTClr);
--highContrastBaseFoLClr: var(--highContrastBaseNvLClr);
--highContrastBaseFoLHClr: var(--highContrastBaseNvLHClr);
--highContrastBaseInAClr: var(--highContrastBaseAClr);
--highContrastBaseInTClr: var(--highContrastBaseTClr);
--highContrastBaseInHClr: var(--highContrastBaseLHClr);
--highContrastBaseBtnAClr: var(--highContrastBaseAClr);
--highContrastBaseBtnHClr: var(--highContrastBaseLHClr);
--highContrastBaseBhBgClr: var(--highContrastBaseBtnBgClr);
--highContrastBaseSEmailClr: hsl(216, 61%, 19%);
--highContrastBaseSContactClr: hsl(216, 61%, 19%);
--highContrastBaseSFacebookClr: hsl(221, 42%, 12%);
--highContrastBaseSGithubClr: hsl(180, 3%, 14%);
--highContrastBaseSGoogleClr: hsl(6, 69%, 11%);
--highContrastBaseSLinkedinClr: hsl(212, 56%, 16%);
--highContrastBaseSPinterestClr: hsl(4, 78%, 14%);
--highContrastBaseSRedditClr: hsl(16, 100%, 10%);
--highContrastBaseSRssClr: hsl(23, 93%, 19%);
--highContrastBaseSSoundcloudClr: hsl(20, 100%, 10%);
--highContrastBaseSStackOverflowClr: hsl(347, 100%, 10%);
--highContrastBaseSTwitterClr: hsl(203, 69%, 19%);
--highContrastBaseSMastodonClr: hsl(205, 100%, 14%);
--highContrastBaseSDiasporaClr: hsl(0, 0%, 10%);
--highContrastBaseSYoutubeClr: hsl(3, 76%, 10%);
// Dark colors
--darkBaseAClr: hsl(36, 97%, 62%);
--darkBaseSdA2Clr: hsl(36, 97%, 86%);
--darkBaseFClr: hsl(36, 97%, 62%);
--darkBaseBgClr: hsl(0, 0%, 8%);
--darkBaseTClr: hsl(210, 29%, 90%);
--darkBaseT2Clr: hsl(210, 29%, 4%);
--darkBaseSdT2Clr: hsl(210, 29%, 100%);
--darkBaseTrClr: hsl(209, 27%, 61%);
--darkBaseBClr: hsl(211, 49%, 63%);
--darkBaseLClr: hsl(211, 49%, 63%);
--darkBaseLHClr: hsl(36, 97%, 82%);
--darkBaseArBgClr: hsl(0, 0%, 80%);
--darkBaseNvAClr: hsl(36, 97%, 82%);
--darkBaseNvBgClr: hsl(0, 0%, 16%);
--darkBaseNvBClr: hsl(211, 49%, 63%);
--darkBaseNvTClr: hsl(211, 49%, 75%);
--darkBaseNvLClr: hsl(211, 49%, 75%);
--darkBaseNvLHClr: hsl(36, 97%, 82%);
--darkBaseInBgClr: hsl(0, 0%, 10%);
--darkBaseInBClr: hsl(211, 49%, 63%);
--darkBaseBtnBgAClr: hsl(0, 0%, 10%);
--darkBaseBtnBgClr: hsl(0, 0%, 10%);
--darkBaseBtnBClr: hsl(211, 49%, 63%);
--darkBaseBtnTClr: var(--darkBaseTClr);
--darkBaseAaBgClr: hsl(0, 0%, 5%);
--darkBaseAaBClr: hsl(0, 0%, 47%);
--darkBaseAaTClr: var(--darkBaseTClr);
--darkBaseAaLClr: var(--darkBaseLClr);
--darkBaseAaLHClr: var(--darkBaseLHClr);
--darkBaseAtBgClr: hsl(210, 20%, 16%);
--darkBaseAtBClr: hsl(153, 47%, 49%);
--darkBaseAtTClr: hsl(153, 47%, 90%);
--darkBaseAtLClr: var(--darkBaseLClr);
--darkBaseAtLHClr: var(--darkBaseLHClr);
--darkBaseAwBgClr: hsla(50, 100%, 10%, 0.3);
--darkBaseAwBClr: hsl(50, 100%, 45.5%);
--darkBaseAwTClr: hsl(50, 100%, 81%);
--darkBaseAwLClr: var(--darkBaseLClr);
--darkBaseAwLHClr: var(--darkBaseLHClr);
--darkBaseAdBgClr: hsl(0, 100%, 10%);
--darkBaseAdBClr: hsl(0, 100%, 40%);
--darkBaseAdTClr: hsl(0, 100%, 90%);
--darkBaseAdLClr: var(--darkBaseLClr);
--darkBaseAdLHClr: var(--darkBaseLHClr);
--darkBaseAsBgClr: var(--darkBaseAtBgClr);
--darkBaseAsBClr: var(--darkBaseAtBClr);
--darkBaseAsTClr: var(--darkBaseAtTClr);
--darkBaseAsLClr: var(--darkBaseAtLClr);
--darkBaseAsLHClr: var(--darkBaseAtLHClr);
--darkBaseAhBgClr: var(--darkBaseAtBgClr);
--darkBaseAhBClr: var(--darkBaseAtBClr);
--darkBaseAhTClr: var(--darkBaseAtTClr);
--darkBaseAhLClr: var(--darkBaseAtLClr);
--darkBaseAhLHClr: var(--darkBaseAtLHClr);
--darkBaseAiBgClr: hsl(207, 73%, 14%);
--darkBaseAiBClr: hsl(208, 77%, 65%);
--darkBaseAiTClr: var(--darkBaseTClr);
--darkBaseAiLClr: var(--darkBaseLClr);
--darkBaseAiLHClr: var(--darkBaseLHClr);
--darkBaseAnBgClr: var(--darkBaseAiBgClr);
--darkBaseAnBClr: var(--darkBaseAiBClr);
--darkBaseAnTClr: var(--darkBaseAiTClr);
--darkBaseAnLClr: var(--darkBaseAiLClr);
--darkBaseAnLHClr: var(--darkBaseAiLHClr);
--darkBaseAcBgClr: var(--darkBaseAwBgClr);
--darkBaseAcBClr: var(--darkBaseAwBClr);
--darkBaseAcTClr: var(--darkBaseAwTClr);
--darkBaseAcLClr: var(--darkBaseAwLClr);
--darkBaseAcLHClr: var(--darkBaseAwLHClr);
--darkBaseAeBgClr: var(--darkBaseAdBgClr);
--darkBaseAeBClr: var(--darkBaseAdBClr);
--darkBaseAeTClr: var(--darkBaseAdTClr);
--darkBaseAeLClr: var(--darkBaseAdLClr);
--darkBaseAeLHClr: var(--darkBaseAdLHClr);
--darkBaseBqAClr: var(--darkBaseAClr);
--darkBaseBqBgClr: hsl(0, 0%, 5%);
--darkBaseBqBClr: hsl(210, 10%, 49%);
--darkBaseBqTClr: hsl(0, 0%, 90%);
--darkBaseBqLClr: var(--darkBaseLClr);
--darkBaseBqLHClr: var(--darkBaseLHClr);
--darkBaseCdAClr: hsl(211, 49%, 85%);
--darkBaseCdBgAClr: hsl(211, 49%, 10%);
--darkBaseCdBgClr: var(--darkBaseAaBgClr);
--darkBaseCdBClr: var(--darkBaseAaBClr);
--darkBaseCdTClr: var(--darkBaseAaTClr);
--darkBaseCdT2Clr: hsla(206, 99%, 90%, 0.4);
--darkBaseCdLClr: var(--darkBaseAaLClr);
--darkBaseCdLHClr: var(--darkBaseAaLHClr);
--darkBaseCdLnTClr: var(--darkBaseFoTClr);
--darkBaseCdLnBClr: var(--darkBaseFoBClr);
--darkBaseCdLnBgClr: var(--darkBaseFoBgClr);
--darkBasePrAClr: var(--darkBaseCdAClr);
--darkBasePrBgAClr: var(--darkBaseCdBgAClr);
--darkBasePrBgClr: var(--darkBaseCdBgClr);
--darkBasePrBClr: var(--darkBaseCdBClr);
--darkBasePrB2Clr: hsla(0, 0%, 47%, 66%);
--darkBasePrTClr: var(--darkBaseCdBgClr);
--darkBasePrLNClr: hsla(0, 0%, 5%, 0.3);
--darkBasePrLClr: var(--darkBaseCdLClr);
--darkBasePrLHClr: var(--darkBaseCdLHClr);
--darkBaseTeAClr: var(--darkBaseAClr);
--darkBaseTeBgAClr: hsl(211, 49%, 80%);
--darkBaseTeBgClr: hsl(0, 0%, 100%);
--darkBaseTeBClr: hsl(210, 10%, 20%);
--darkBaseTeTClr: var(--darkBaseTClr);
--darkBaseTeLClr: var(--darkBaseLClr);
--darkBaseTeLHClr: var(--darkBaseLHClr);
--darkBaseToAClr: var(--darkBaseAClr);
--darkBaseToBgAClr: hsl(211, 49%, 15%);
--darkBaseToBgClr: hsl(0, 0%, 15%);
--darkBaseToBClr: hsl(210, 10%, 29%);
--darkBaseToTClr: var(--darkBaseTClr);
--darkBaseToLClr: var(--darkBaseLClr);
--darkBaseToLHClr: var(--darkBaseLHClr);
--darkBaseSdAClr: var(--darkBaseAClr);
--darkBaseSdBgClr: hsl(0, 0%, 5%);
--darkBaseSdBClr: hsl(0, 0%, 50%);
--darkBaseSdTClr: var(--darkBaseTClr);
--darkBaseSdLClr: var(--darkBaseLClr);
--darkBaseSdLHClr: var(--darkBaseLHClr);
--darkBaseFoAClr: var(--darkBaseNvAClr);
--darkBaseFoBClr: hsl(36, 97%, 62%);
--darkBaseFoBgClr: var(--darkBaseNvBgClr);
--darkBaseFoTClr: var(--darkBaseNvTClr);
--darkBaseFoLClr: var(--darkBaseNvLClr);
--darkBaseFoLHClr: var(--darkBaseNvLHClr);
--darkBaseInAClr: var(--darkBaseAClr);
--darkBaseInTClr: var(--darkBaseTClr);
--darkBaseInHClr: var(--darkBaseLHClr);
--darkBaseBtnAClr: var(--darkBaseAClr);
--darkBaseBtnHClr: var(--darkBaseLHClr);
--darkBaseBhBgClr: var(--darkBaseBtnBgClr);
--darkBaseSEmailClr: hsl(216, 61%, 69%);
--darkBaseSContactClr: hsl(216, 61%, 69%);
--darkBaseSFacebookClr: hsl(221, 42%, 43%);
--darkBaseSGithubClr: hsl(180, 3%, 94%);
--darkBaseSGoogleClr: hsl(6, 69%, 61%);
--darkBaseSLinkedinClr: hsl(212, 56%, 66%);
--darkBaseSPinterestClr: hsl(4, 78%, 64%);
--darkBaseSRedditClr: hsl(16, 100%, 60%);
--darkBaseSRssClr: hsl(23, 93%, 69%);
--darkBaseSSoundcloudClr: hsl(20, 100%, 60%);
--darkBaseSStackOverflowClr: hsl(347, 100%, 60%);
--darkBaseSTwitterClr: hsl(203, 69%, 69%);
--darkBaseSMastodonClr: hsl(205, 100%, 64%);
--darkBaseSDiasporaClr: hsl(0, 0%, 100%);
--darkBaseSYoutubeClr: hsl(3, 76%, 60%);
// High contrast dark colors
--darkHighContrastBaseAClr: hsl(36, 97%, 62%);
--darkHighContrastBaseSdA2Clr: hsl(36, 97%, 86%);
--darkHighContrastBaseFClr: hsl(36, 97%, 43%);
--darkHighContrastBaseBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseTClr: hsl(210, 29%, 98%);
--darkHighContrastBaseT2Clr: hsl(210, 29%, 39.2%);
--darkHighContrastBaseSdT2Clr: hsl(210, 29%, 100%);
--darkHighContrastBaseTrClr: hsl(209, 27%, 98%);
--darkHighContrastBaseBClr: hsl(211, 49%, 80%);
--darkHighContrastBaseLClr: hsl(36, 97%, 60%);
--darkHighContrastBaseLHClr: hsl(36, 97%, 72%);
--darkHighContrastBaseArBgClr: hsl(0, 0%, 100%);
--darkHighContrastBaseNvAClr: hsl(36, 97%, 92%);
--darkHighContrastBaseNvBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseNvBClr: hsl(211, 49%, 73%);
--darkHighContrastBaseNvTClr: hsl(211, 49%, 95%);
--darkHighContrastBaseNvLClr: hsl(211, 49%, 95%);
--darkHighContrastBaseNvLHClr: hsl(36, 97%, 82%);
--darkHighContrastBaseInBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseInBClr: hsl(211, 49%, 93%);
--darkHighContrastBaseBtnBgAClr: hsl(0, 0%, 10%);
--darkHighContrastBaseBtnBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseBtnBClr: hsl(211, 49%, 83%);
--darkHighContrastBaseBtnTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseAaBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseAaBClr: hsl(0, 0%, 47%);
--darkHighContrastBaseAaTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseAaLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseAaLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseAtBgClr: hsl(210, 20%, 0%);
--darkHighContrastBaseAtBClr: hsl(153, 47%, 49%);
--darkHighContrastBaseAtTClr: hsl(153, 47%, 90%);
--darkHighContrastBaseAtLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseAtLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseAwBgClr: hsla(50, 100%, 0%, 0.3);
--darkHighContrastBaseAwBClr: hsl(50, 100%, 45.5%);
--darkHighContrastBaseAwTClr: hsl(50, 100%, 81%);
--darkHighContrastBaseAwLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseAwLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseAdBgClr: hsl(0, 100%, 0%);
--darkHighContrastBaseAdBClr: hsl(0, 100%, 40%);
--darkHighContrastBaseAdTClr: hsl(0, 100%, 90%);
--darkHighContrastBaseAdLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseAdLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseAsBgClr: var(--darkHighContrastBaseAtBgClr);
--darkHighContrastBaseAsBClr: var(--darkHighContrastBaseAtBClr);
--darkHighContrastBaseAsTClr: var(--darkHighContrastBaseAtTClr);
--darkHighContrastBaseAsLClr: var(--darkHighContrastBaseAtLClr);
--darkHighContrastBaseAsLHClr: var(--darkHighContrastBaseAtLHClr);
--darkHighContrastBaseAhBgClr: var(--darkHighContrastBaseAtBgClr);
--darkHighContrastBaseAhBClr: var(--darkHighContrastBaseAtBClr);
--darkHighContrastBaseAhTClr: var(--darkHighContrastBaseAtTClr);
--darkHighContrastBaseAhLClr: var(--darkHighContrastBaseAtLClr);
--darkHighContrastBaseAhLHClr: var(--darkHighContrastBaseAtLHClr);
--darkHighContrastBaseAiBgClr: hsl(207, 73%, 0%);
--darkHighContrastBaseAiBClr: hsl(208, 77%, 65%);
--darkHighContrastBaseAiTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseAiLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseAiLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseAnBgClr: var(--darkHighContrastBaseAiBgClr);
--darkHighContrastBaseAnBClr: var(--darkHighContrastBaseAiBClr);
--darkHighContrastBaseAnTClr: var(--darkHighContrastBaseAiTClr);
--darkHighContrastBaseAnLClr: var(--darkHighContrastBaseAiLClr);
--darkHighContrastBaseAnLHClr: var(--darkHighContrastBaseAiLHClr);
--darkHighContrastBaseAcBgClr: var(--darkHighContrastBaseAwBgClr);
--darkHighContrastBaseAcBClr: var(--darkHighContrastBaseAwBClr);
--darkHighContrastBaseAcTClr: var(--darkHighContrastBaseAwTClr);
--darkHighContrastBaseAcLClr: var(--darkHighContrastBaseAwLClr);
--darkHighContrastBaseAcLHClr: var(--darkHighContrastBaseAwLHClr);
--darkHighContrastBaseAeBgClr: var(--darkHighContrastBaseAdBgClr);
--darkHighContrastBaseAeBClr: var(--darkHighContrastBaseAdBClr);
--darkHighContrastBaseAeTClr: var(--darkHighContrastBaseAdTClr);
--darkHighContrastBaseAeLClr: var(--darkHighContrastBaseAdLClr);
--darkHighContrastBaseAeLHClr: var(--darkHighContrastBaseAdLHClr);
--darkHighContrastBaseBqAClr: var(--darkHighContrastBaseAClr);
--darkHighContrastBaseBqBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseBqBClr: hsl(210, 10%, 49%);
--darkHighContrastBaseBqTClr: hsl(0, 0%, 90%);
--darkHighContrastBaseBqLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseBqLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseCdAClr: hsl(211, 49%, 85%);
--darkHighContrastBaseCdBgAClr: hsl(211, 49%, 0%);
--darkHighContrastBaseCdBgClr: var(--darkHighContrastBaseAaBgClr);
--darkHighContrastBaseCdBClr: var(--darkHighContrastBaseAaBClr);
--darkHighContrastBaseCdTClr: var(--darkHighContrastBaseAaTClr);
--darkHighContrastBaseCdT2Clr: hsla(211, 29%, 98%, 0.4);
--darkHighContrastBaseCdLClr: var(--darkHighContrastBaseAaLClr);
--darkHighContrastBaseCdLHClr: var(--darkHighContrastBaseAaLHClr);
--darkHighContrastBaseCdLnTClr: var(--darkHighContrastBaseFoTClr);
--darkHighContrastBaseCdLnBClr: var(--darkHighContrastBaseFoBClr);
--darkHighContrastBaseCdLnBgClr: var(--darkHighContrastBaseFoBgClr);
--darkHighContrastBasePrAClr: var(--darkHighContrastBaseCdAClr);
--darkHighContrastBasePrBgAClr: var(--darkHighContrastBaseCdBgAClr);
--darkHighContrastBasePrBgClr: var(--darkHighContrastBaseCdBgClr);
--darkHighContrastBasePrBClr: var(--darkHighContrastBaseCdBClr);
--darkHighContrastBasePrB2Clr: hsla(0, 0%, 47%, 66%);
--darkHighContrastBasePrTClr: var(--darkHighContrastBaseCdBgClr);
--darkHighContrastBasePrLNClr: hsla(0, 0%, 0%, 0.3);
--darkHighContrastBasePrLClr: var(--darkHighContrastBaseCdLClr);
--darkHighContrastBasePrLHClr: var(--darkHighContrastBaseCdLHClr);
--darkHighContrastBaseTeAClr: var(--darkHighContrastBaseAClr);
--darkHighContrastBaseTeBgAClr: hsl(211, 49%, 80%);
--darkHighContrastBaseTeBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseTeBClr: hsl(210, 10%, 500%);
--darkHighContrastBaseTeTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseTeLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseTeLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseToAClr: var(--darkHighContrastBaseAClr);
--darkHighContrastBaseToBgAClr: hsl(211, 49%, 0%);
--darkHighContrastBaseToBgClr: hsl(0, 0%, 0%);
--darkHighContrastBaseToBClr: hsl(210, 10%, 50%);
--darkHighContrastBaseToTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseToLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseToLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseSdAClr: var(--darkHighContrastBaseAClr);
--darkHighContrastBaseSdBgClr: hsl(0, 0%, 2%);
--darkHighContrastBaseSdBClr: hsl(0, 0%, 50%);
--darkHighContrastBaseSdTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseSdLClr: var(--darkHighContrastBaseLClr);
--darkHighContrastBaseSdLHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseFoAClr: var(--darkHighContrastBaseNvAClr);
--darkHighContrastBaseFoBClr: hsl(36, 97%, 62%);
--darkHighContrastBaseFoBgClr: var(--darkHighContrastBaseNvBgClr);
--darkHighContrastBaseFoTClr: var(--darkHighContrastBaseNvTClr);
--darkHighContrastBaseFoLClr: var(--darkHighContrastBaseNvLClr);
--darkHighContrastBaseFoLHClr: var(--darkHighContrastBaseNvLHClr);
--darkHighContrastBaseInAClr: var(--darkHighContrastBaseAClr);
--darkHighContrastBaseInTClr: var(--darkHighContrastBaseTClr);
--darkHighContrastBaseInHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseBtnAClr: var(--darkHighContrastBaseAClr);
--darkHighContrastBaseBtnHClr: var(--darkHighContrastBaseLHClr);
--darkHighContrastBaseBhBgClr: var(--darkHighContrastBaseBtnBgClr);
--darkHighContrastBaseSEmailClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSContactClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSFacebookClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSGithubClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSGoogleClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSLinkedinClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSPinterestClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSRedditClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSRssClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSSoundcloudClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSStackOverflowClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSTwitterClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSMastodonClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSDiasporaClr: hsl(209, 69%, 73%);
--darkHighContrastBaseSYoutubeClr: hsl(209, 69%, 73%);
// Print colors
--printBaseAClr: var(--baseAClr);
--printBaseSdA2Clr: var(--baseSdA2Clr);
--printBaseFClr: var(--baseFClr);
--printBaseBgClr: transparent;
--printBaseTClr: black;
--printBaseT2Clr: var(--baseT2Clr);
--printBaseSdT2Clr: var(--baseSdT2Clr);
--printBaseTrClr: var(--baseTrClr);
--printBaseBClr: var(--baseBClr);
--printBaseLClr: var(--printBaseAClr);
--printBaseLHClr: var(--baseLHClr);
--printBaseArBgClr: var(--baseArBgClr);
--printBaseNvAClr: var(--baseNvAClr);
--printBaseNvBgClr: white;
--printBaseNvBClr: var(--baseNvBClr);
--printBaseNvTClr: black;
--printBaseNvLClr: var(--printBaseLClr);
--printBaseNvLHClr: var(--baseNvLHClr);
--printBaseInBgClr: var(--baseInBgClr);
--printBaseInBClr: var(--baseInBClr);
--printBaseBtnBgAClr: var(--baseBtnBgAClr);
--printBaseBtnBgClr: var(--baseBtnBgClr);
--printBaseBtnBClr: var(--baseBtnBClr);
--printBaseBtnTClr: var(--printBaseTClr);
--printBaseAaBgClr: var(--baseAaBgClr);
--printBaseAaBClr: var(--baseAaBClr);
--printBaseAaTClr: var(--printBaseTClr);
--printBaseAaLClr: var(--printBaseLClr);
--printBaseAaLHClr: var(--printBaseLHClr);
--printBaseAtBgClr: var(--baseAtBgClr);
--printBaseAtBClr: var(--baseAtBClr);
--printBaseAtTClr: var(--baseAtTClr);
--printBaseAtLClr: var(--printBaseLClr);
--printBaseAtLHClr: var(--printBaseLHClr);
--printBaseAwBgClr: var(--baseAwBgClr);
--printBaseAwBClr: var(--baseAwBClr);
--printBaseAwTClr: var(--baseAwTClr);
--printBaseAwLClr: var(--printBaseLClr);
--printBaseAwLHClr: var(--printBaseLHClr);
--printBaseAdBgClr: var(--baseAdBgClr);
--printBaseAdBClr: var(--baseAdBClr);
--printBaseAdTClr: var(--baseAdTClr);
--printBaseAdLClr: var(--printBaseLClr);
--printBaseAdLHClr: var(--printBaseLHClr);
--printBaseAsBgClr: var(--printBaseAtBgClr);
--printBaseAsBClr: var(--printBaseAtBClr);
--printBaseAsTClr: var(--printBaseAtTClr);
--printBaseAsLClr: var(--printBaseAtLClr);
--printBaseAsLHClr: var(--printBaseAtLHClr);
--printBaseAhBgClr: var(--printBaseAtBgClr);
--printBaseAhBClr: var(--printBaseAtBClr);
--printBaseAhTClr: var(--printBaseAtTClr);
--printBaseAhLClr: var(--printBaseAtLClr);
--printBaseAhLHClr: var(--printBaseAtLHClr);
--printBaseAiBgClr: var(--baseAiBgClr);
--printBaseAiBClr: var(--baseAiBClr);
--printBaseAiTClr: var(--printBaseTClr);
--printBaseAiLClr: var(--printBaseLClr);
--printBaseAiLHClr: var(--printBaseLHClr);
--printBaseAnBgClr: var(--printBaseAiBgClr);
--printBaseAnBClr: var(--printBaseAiBClr);
--printBaseAnTClr: var(--printBaseAiTClr);
--printBaseAnLClr: var(--printBaseAiLClr);
--printBaseAnLHClr: var(--printBaseAiLHClr);
--printBaseAcBgClr: var(--printBaseAwBgClr);
--printBaseAcBClr: var(--printBaseAwBClr);
--printBaseAcTClr: var(--printBaseAwTClr);
--printBaseAcLClr: var(--printBaseAwLClr);
--printBaseAcLHClr: var(--printBaseAwLHClr);
--printBaseAeBgClr: var(--printBaseAdBgClr);
--printBaseAeBClr: var(--printBaseAdBClr);
--printBaseAeTClr: var(--printBaseAdTClr);
--printBaseAeLClr: var(--printBaseAdLClr);
--printBaseAeLHClr: var(--printBaseAdLHClr);
--printBaseBqAClr: var(--printBaseAClr);
--printBaseBqBgClr: var(--baseBqBgClr);
--printBaseBqBClr: var(--baseBqBClr);
--printBaseBqTClr: var(--baseBqTClr);
--printBaseBqLClr: var(--printBaseLClr);
--printBaseBqLHClr: var(--printBaseLHClr);
--printBaseCdAClr: var(--baseCdAClr);
--printBaseCdBgAClr: var(--baseCdBgAClr);
--printBaseCdBgClr: var(--printBaseAaBgClr);
--printBaseCdBClr: var(--printBaseAaBClr);
--printBaseCdTClr: var(--printBaseAaTClr);
--printBaseCdT2Clr: var(--baseCdT2Clr);
--printBaseCdLClr: var(--printBaseAaLClr);
--printBaseCdLHClr: var(--printBaseAaLHClr);
--printBaseCdLnTClr: var(--printBaseFoTClr);
--printBaseCdLnBClr: var(--printBaseFoBClr);
--printBaseCdLnBgClr: var(--printBaseFoBgClr);
--printBasePrAClr: var(--printBaseCdAClr);
--printBasePrBgAClr: var(--printBaseCdBgAClr);
--printBasePrBgClr: var(--printBaseCdBgClr);
--printBasePrBClr: var(--printBaseCdBClr);
--printBasePrB2Clr: var(--basePrB2Clr);
--printBasePrTClr: var(--printBaseCdBgClr);
--printBasePrLNClr: var(--basePrLNClr);
--printBasePrLClr: var(--printBaseCdLClr);
--printBasePrLHClr: var(--printBaseCdLHClr);
--printBaseTeAClr: var(--printBaseAClr);
--printBaseTeBgAClr: var(--baseTeBgAClr);
--printBaseTeBgClr: var(--baseTeBgClr);
--printBaseTeBClr: var(--baseTeBClr);
--printBaseTeTClr: var(--printBaseTClr);
--printBaseTeLClr: var(--printBaseLClr);
--printBaseTeLHClr: var(--printBaseLHClr);
--printBaseToAClr: var(--printBaseAClr);
--printBaseToBgAClr: var(--baseToBgAClr);
--printBaseToBgClr: var(--baseToBgClr);
--printBaseToBClr: var(--baseToBClr);
--printBaseToTClr: var(--printBaseTClr);
--printBaseToLClr: var(--printBaseLClr);
--printBaseToLHClr: var(--printBaseLHClr);
--printBaseSdAClr: var(--printBaseAClr);
--printBaseSdBgClr: var(--baseSdBgClr);
--printBaseSdBClr: var(--baseSdBClr);
--printBaseSdTClr: var(--printBaseTClr);
--printBaseSdLClr: var(--printBaseLClr);
--printBaseSdLHClr: var(--printBaseLHClr);
--printBaseFoAClr: var(--printBaseNvAClr);
--printBaseFoBClr: var(--baseFoBClr);
--printBaseFoBgClr: var(--printBaseNvBgClr);
--printBaseFoTClr: var(--printBaseNvTClr);
--printBaseFoLClr: var(--printBaseNvLClr);
--printBaseFoLHClr: var(--printBaseNvLHClr);
--printBaseInAClr: var(--printBaseAClr);
--printBaseInTClr: var(--printBaseTClr);
--printBaseInHClr: var(--printBaseLHClr);
--printBaseBtnAClr: var(--printBaseAClr);
--printBaseBtnHClr: var(--printBaseLHClr);
--printBaseBhBgClr: var(--printBaseBtnBgClr);
--printBaseSEmailClr: var(--baseSEmailClr);
--printBaseSContactClr: var(--baseSContactClr);
--printBaseSFacebookClr: var(--baseSFacebookClr);
--printBaseSGithubClr: var(--baseSGithubClr);
--printBaseSGoogleClr: var(--baseSGoogleClr);
--printBaseSLinkedinClr: var(--baseSLinkedinClr);
--printBaseSPinterestClr: var(--baseSPinterestClr);
--printBaseSRedditClr: var(--baseSRedditClr);
--printBaseSRssClr: var(--baseSRssClr);
--printBaseSSoundcloudClr: var(--baseSSoundcloudClr);
--printBaseSStackOverflowClr: var(--baseSStackOverflowClr);
--printBaseSTwitterClr: var(--baseSTwitterClr);
--printBaseSMastodonClr: var(--baseSMastodonClr);
--printBaseSDiasporaClr: var(--baseSDiasporaClr);
--printBaseSYoutubeClr: var(--baseSYoutubeClr);
}

View file

@ -0,0 +1,120 @@
.custom-block {
background-color: var(--AaBgClr);
border-color: var(--AaBClr);
color: var(--AaTClr);
a, a:visited {
color: var(--AaLClr);
:hover {
color: var(--AaLHClr);
}
}
.custom-block-title {
font-weight: 600;
margin-bottom: 0.4rem;
}
&.tip, &.warning, &.danger {
padding: .1rem 1.5rem;
border-left-width: .5rem;
border-left-style: solid;
margin: 1rem 0;
}
&.tip {
background-color: var(--AtBgClr);
border-color: var(--AtBClr);
color: var(--AtTClr);
a, a:visited {
color: var(--AtLClr);
:hover {
color: var(--AtLHClr);
}
}
}
&.hint {
background-color: var(--AhBgClr);
border-color: var(--AhBClr);
color: var(--AhTClr);
a, a:visited {
color: var(--AhLClr);
:hover {
color: var(--AhLHClr);
}
}
}
&.important {
background-color: var(--AiBgClr);
border-color: var(--AiBClr);
color: var(--AiTClr);
a, a:visited {
color: var(--AiLClr);
:hover {
color: var(--AiLHClr);
}
}
}
&.note {
background-color: var(--AnBgClr);
border-color: var(--AnBClr);
color: var(--AnTClr);
a, a:visited {
color: var(--AnLClr);
:hover {
color: var(--AnLHClr);
}
}
}
&.success {
background-color: var(--AsBgClr);
border-color: var(--AsBClr);
color: var(--AsTClr);
a, a:visited {
color: var(--AsLClr);
:hover {
color: var(--AsLHClr);
}
}
}
&.warning {
background-color: var(--AwBgClr);
border-color: var(--AwBClr);
color: var(--AwTClr);
a, a:visited {
color: var(--AwLClr);
:hover {
color: var(--AwLHClr);
}
}
}
&.caution {
background-color: var(--AcBgClr);
border-color: var(--AcBClr);
color: var(--AcTClr);
a, a:visited {
color: var(--AcLClr);
:hover {
color: var(--AcLHClr);
}
}
}
&.danger {
background-color: var(--AdBgClr);
border-color: var(--AdBClr);
color: var(--AdTClr);
a, a:visited {
color: var(--AdLClr);
:hover {
color: var(--AdLHClr);
}
}
}
&.error {
background-color: var(--AeBgClr);
border-color: var(--AeBClr);
color: var(--AeTClr);
a, a:visited {
color: var(--AeLClr);
:hover {
color: var(--AeLHClr);
}
}
}
}

37
src/assets/css/input.less Normal file
View file

@ -0,0 +1,37 @@
input, textarea {
background-color: var(--InBgClr);
color: var(--InTClr);
border: solid 0.1em var(--InBClr);
text-decoration: none;
border-radius: 0.3em;
padding: 0.2em 0.8em 0.2em 0.8em;
margin: 0.2em;
font-size: 1rem;
+ span.validity {
height: 1.5em;
width: 1.5ex;
&:invalid {
border: solid 0.12em var(--AeBClr);
}
&:focus {
border: solid 0.1em var(--InBClr);
}
+ span.validity::after {
content: "✘";
color: var(--AeBClr);
}
}
&:valid {
border: solid 0.12em var(--AsBClr);
&:focus {
border: solid 0.1em var(--InBClr);
}
+ span.validity::after {
content: "✓";
color: var(--AsBClr);
}
}
}

View file

@ -0,0 +1,53 @@
// narrow desktop / iPad
@media (max-width: var(--MQNarrow)) {
.sidebar {
font-size: 1.1rem;
width: var(--sidebarWidth);
}
.page {
padding-left: 0;
}
}
// wide mobile
@media (max-width: var(--MQMobile)) {
.sidebar {
top: 0;
transform: translateX(-100%);
transition: transform .2s ease;
margin-right: calc(0rem - var(--sidebarWidth));
}
.page {
padding-left: 0;
margin-left: 0;
}
.home-link {
text-align: right;
flex-grow: 1;
}
.theme-container {
&.sidebar-open {
.sidebar {
transform: translateX(0);
}
}
&.no-navbar {
.sidebar {
padding-top: 0;
}
}
}
}
// narrow mobile
@media (max-width: var(--MQMobileNarrow)) {
h1 {
font-size: 1.9rem;
}
.content {
div[class*="language-"] {
margin: 0.85rem -1.5rem;
border-radius: 0;
}
}
}

203
src/assets/css/print.less Normal file
View file

@ -0,0 +1,203 @@
@media print {
@page {
margin: 0mm !important;
size: A4;
orphans:4;
widows:3;
}
.print-only {
display: block;
}
.no-print {
display: none !important;
div, section, span {
display: none !important;
}
}
main.content {
width: 100%;
margin: 0;
padding: 0;
}
.sidebar, .sidebar-mask, .nav-links,
.sidebar-button {
display: none;
}
html, body {
padding: 0;
margin: 0;
font-size: 11pt;
size: A4;
height: 297mm;
width: 210mm;
hyphens: auto;
hyphenate-character: "\2013";
-webkit-hyphenate-character: "\2013";
overflow-wrap: break-word;
word-break: break-word;
text-align: justify;
}
#main_layout_table {
> tbody {
overflow: hidden;
}
> tfoot {
display: table-footer-group !important;
}
> thead {
display: table-header-group !important;
}
> thead #layout_header {
display: inline-block;
height: calc(var(--PrintHeaderHeight) + 1rem + 10mm);
min-height: calc(var(--PrintHeaderHeight) + 1rem + 10mm);
}
> tfoot #layout_footer {
display: inline-block;
height: calc(var(--PrintFooterHeight) + 1rem + 10mm);
min-height: calc(var(--PrintFooterHeight) + 1rem + 10mm);
}
}
#app {
display: block !important;
flex-flow: row nowrap !important;
justify-content: normal !important;
> * {
flex-grow: 0 !important;
flex-basis: auto !important;
flex-shrink: 0 !important;
}
#appflex {
display: block !important;
flex-flow: row nowrap !important;
flex-grow: 0 !important;
flex-basis: auto !important;
justify-content: normal !important;
> * {
flex-grow: 0 !important;
flex-basis: auto !important;
flex-shrink: 0 !important;
}
}
footer.footer {
position: fixed !important;
bottom: 0;
left: 0;
margin: 0 10mm 0 10mm;
padding: 0 0 10mm 0;
width: calc(100% - 20mm);
height: var(--PrintFooterHeight);
z-index: 1000;
box-shadow: none;
p {
margin: 0;
padding: 0.5em 0 0 0;
line-height: 1.2em !important;
}
p, h1, h2, h3, h4, h5, h6 {
text-indent: 0;
}
a[href*='//']:after {
content:"";
}
#pagecount {
float: right;
height: 2em;
font-weight: bold;
content: counter(page) "/" counter(pages);
}
}
header.navbar {
position: fixed !important;
box-shadow: none;
top: 0;
left: 0;
width: calc(100% - 20mm);
height: calc(var(--PrintHeaderHeight) + 10mm);
overflow: hidden;
z-index: 1000;
margin: 0 10mm 0 10mm;
padding: 10mm 0 0 0;
.home-link {
display: none;
}
}
h1 {
column-span: all;
break-after: right;
text-align: center;
margin-top: 25%;
font-size: 3em;
}
h2 {
text-align: right;
column-span: all;
break-before: page;
break-after: avoid;
padding-top: 0;
}
img, svg, h1, h2, h3, h4, h5, h6, span, a[data-lightbox] {
break-inside: avoid !important;
}
h3, h4, h5, h6 {
break-before: auto;
break-after: avoid-page;
margin-bottom: 1.2em;
}
pre, table, form, svg, .colspan {
column-span: all;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.flexgroup, .postlist-style-flex {
display: block !important;
flex-flow: row nowrap !important;
justify-content: normal !important;
> * {
border: none !important;
box-shadow: none !important;
flex-grow: 0 !important;
flex-basis: auto !important;
flex-shrink: 0 !important;
}
}
p, li, span, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
hyphens: auto !important;
hyphenate-character: "\2013";
-webkit-hyphenate-character: "\2013";
word-break: break-word;
}
p, h1, h2, h3, h4, h5, h6 {
text-indent: 1.2em;
}
a[href*='//']:after {
content:" [" attr(href) "]";
font-style: italic;
text-decoration: underline;
}
.toctree-wrapper.compound, div.section, ul, ol, pre, blockquote, .admonition, form {
display: block;
}
.toctree-wrapper.compound, div.section, ul, ol, pre, blockquote, .admonition, table, form {
height: min-content;
justify-self: normal;
justify-content: normal;
break-inside: auto;
break-before: auto;
break-after: auto;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
}
}

445
src/assets/css/sidebar.less Normal file
View file

@ -0,0 +1,445 @@
@import './wrapper.less';
.navbar {
padding: 0.7rem 1.5rem;
background: var(--NvBgClr);
color: var(--NvTClr);
a, span, img {
display: inline-block;
}
.logo {
margin-right: 0.8rem;
vertical-align: top;
}
.site-name {
font-size: 1.3rem;
font-weight: 600;
color: var(--NvTClr);
}
.links {
font-size: 0.9rem;
right: 1.5rem;
top: 0.7rem;
}
}
.nav-links {
display: inline-block;
a, a:visited {
line-height: 1.4rem;
color: inherit;
&.link-active {
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvAClr);
}
&:hover {
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvLHClr);
}
}
.nav-item {
display: inline-block;
margin-left: 1.5rem;
line-height: 2rem;
}
.repo-link {
margin-left: 1.5rem;
}
.nav-links summary {
&:hover, &.link-active {
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvLClr);
cursor: pointer;
}
}
}
.icon.outbound {
color: var(--TClr);
display: inline-block;
}
.page {
padding-top: 0rem;
padding-bottom: 2rem;
}
.page-nav {
.wrapper();
padding-top: 1rem;
padding-bottom: 0;
.inner {
min-height: 2rem;
margin-top: 0;
border-top: 0.1em solid var(--BClr);
padding-top: 1rem;
overflow: auto // clear float;
}
.next {
float: right;
}
}
.sidebar {
font-size: 0.95em;
background-color: var(--SdBgClr);
width: var(--sidebarWidth);
min-height: 100%;
z-index: 10;
box-sizing: border-box;
border-right: 0.2em solid var(--SdBClr);
box-shadow: 0 0 var(--SdBClr), -0.3em 0.1em 0.2em 0.3em var(--NvBgClr);
padding-left: 1em;
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
a, a:visited {
display: inline-block;
}
.nav-links {
display: none;
border-bottom: 0.3em solid var(--SdBClr);
padding: 0.5rem 0 0.75rem 0;
a, a:visited {
font-weight: 600;
}
.nav-item, .repo-link {
display: block;
line-height: 1.25rem;
font-size: 1.1em;
padding: 0.5rem 0 0.5rem 1.5rem;
}
}
.searchbox {
font-weight: 600;
font-size: 1.1em;
line-height: 1.5rem;
padding: 1rem 0 1.5rem 1.5rem;
border-bottom: 0.1em solid var(--BClr);
input[type='text'] {
width: calc(var(--sidebarWidth) - 4.5rem) !important;
margin-right: 1.5em;
}
}
.sidebar-links {
padding: 1.5rem 0;
}
.toctree-l1 a, .toctree-l2 a, .toctree-l3 a, .toctree-l4 a {
font-weight: 400;
display: inline-block;
color: var(--SdTClr);
line-height: 1.4;
width: 100%;
box-sizing: border-box;
border-left: 0.5rem solid transparent;
&.current {
color: var(--SdAClr);
font-weight: 600;
}
&:hover {
color: var(--SdLHClr);
}
}
}
.sidebar-group .caption {
color: var(--SdT2Clr);
transition: color .15s ease;
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
padding: 0 1.5rem;
margin-top: 0;
margin-bottom: 0.5rem;
&.open, &:hover {
color: inherit;
}
.arrow {
top: -0.12em;
left: 0.5em;
}
&.open .arrow {
top: -0.18em;
}
}
.sidebar .toctree-l1 ul {
font-size: 0.95em;
}
.toctree-l1.current a {
border-left: .5rem solid var(--SdA2Clr);
}
.toctree-l1 a {
padding: 0.35rem 1rem 0.35rem 1.25rem;
&.current {
border-left-color: var(--SdAClr);
}
}
.toctree-l2 a {
padding: 0.25rem 1rem 0.25rem 1.75rem;
}
.toctree-l3 a {
padding: 0.15rem 1rem 0.15rem 1.75rem;
}
.toctree-l4 a {
padding: 0.05rem 1rem 0.05rem 1.75rem;
}
.home {
padding: var(--navbarHeight) 2rem 0;
max-width: 96em;
margin: 0 auto;
.hero {
text-align: center;
img {
max-height: 28em;
display: block;
margin: 3rem auto 1.5rem;
}
h1 {
font-size: 3rem;
}
h1, .description, .action {
margin: 1.8rem auto;
}
.description {
max-width: 35rem;
font-size: 1.6rem;
line-height: 1.3;
color: var(--T2Clr);
}
}
.footer {
padding: 2.5rem;
border-top: 0.1em solid var(--BClr);
text-align: center;
color: var(--FoTClr);
}
}
.sidebar-button {
display: none;
width: 1.65rem;
height: 1.65rem;
padding: 0.2rem;
border: 0.1em solid var(--NvBClr) !important;
border-radius: 0.1em !important;
cursor: pointer;
background-color: transparent;
svg {
display: block;
width: 1.25rem;
height: 1.25rem;
fill: var(--NvTClr);
}
}
.sidebar-group {
&:not(.first) {
margin-top: 1em;
}
.sidebar-group {
padding-left: 0.5em;
}
&:not(.collapsable) {
.sidebar-heading {
cursor: auto;
color: inherit;
}
}
}
.sidebar-heading {
color: var(--SdTClr);
transition: color .15s ease;
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
padding: 0 1.5rem;
margin-top: 0;
margin-bottom: 0.5rem;
&.open, &:hover {
color: inherit;
}
.arrow {
top: -0.12em;
left: 0.5em;
}
&.open .arrow {
top: -0.18em;
}
}
.sidebar-group-items {
transition: height .1s ease-out;
overflow: hidden;
}
.sidebar .sidebar-sub-headers {
padding-left: 1rem;
font-size: 0.95em;
}
a.sidebar-link, a:visited.sidebar-link {
font-weight: 400;
display: inline-block;
color: var(--SdLClr);
border-left: 0.25rem solid transparent;
padding: 0.35rem 1rem 0.35rem 1.25rem;
line-height: 1.4;
width: 100%;
box-sizing: border-box;
&:hover {
color: var(--SdLHClr);
}
&.active {
font-weight: 600;
color: var(--SdAClr);
border-left-color: var(--SdAClr);
}
.sidebar-group & {
padding-left: 2rem;
}
.sidebar-sub-headers & {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-left: none;
&.active {
font-weight: 500;
}
}
}
@media (max-width: var(--MQMobile)) {
.navbar {
.can-hide {
display: none;
}
}
.nav-links {
.nav-item, .repo-link {
margin-left: 0;
}
}
.sidebar {
z-index: 9;
.nav-links {
display: block;
}
.sidebar-links {
padding: 1rem 0;
}
&[opened] {
transform: translateX(0%);
transition: transform .2s ease;
}
}
.nav-links details {
summary {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.2em;
}
font-size: 0.9em;
font-weight: normal;
ul li.nav-link {
margin-left: 2.4em;
a, a:visited, a:focus {
font-weight: normal;
}
}
}
.sidebar-button {
display: inline;
}
}
@media (min-width: var(--MQMobile)) {
.nav-links a, .nav-links a:visited {
&:hover, &.link-active {
color: var(--NvLClr);
}
}
.nav-item > a:not(.external),
.nav-item > a:visited:not(.external) {
&:hover, &.link-active {
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvBClr);
color: var(--NvLHClr);
}
}
}
@media (min-width: var(--MQMobile)) {
.nav-links summary {
cursor: pointer;
color: var(--NvLClr);
&.link-active, .link-active {
color: var(--NvAClr);
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvAClr);
}
&:hover {
color: var(--NvLHClr);
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvLHClr);
}
}
.nav-item > a:not(.external),
.nav-item > a:visited:not(.external) {
&.link-active {
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvAClr);
}
&:hover {
margin-bottom: -0.2em;
border-bottom: 0.2em solid var(--NvLHClr);
}
}
}
@media (max-width: var(--MQMobileNarrow)) {
.home {
padding-left: 1.5rem;
padding-right: 1.5rem;
.hero {
img {
max-height: 21em;
margin: 2rem auto 1.2rem;
}
h1 {
font-size: 2rem;
}
h1, .description, .action {
margin: 1.2rem auto;
}
.description {
font-size: 1.2rem;
}
}
}
}
@media (min-width: calc(var(--MQMobile) + 0.2ex)) {
.theme-container.no-sidebar {
.sidebar {
display: none;
}
.page {
padding-left: 0;
}
img.align-right, figure.align-right {
float: none;
margin-left: auto;
margin-right: auto;
}
}
}

245
src/assets/css/sphinx.less Normal file
View file

@ -0,0 +1,245 @@
.content .section {
margin-bottom: 0;
&:hover {
.headerlink {
opacity: 1;
}
}
}
.content {
// FIXME: sphinx should provide a citation-reference?
& a:focus {
// remove outline because padding mess it up
outline: none;
}
}
/* Use # as symbol for anchor headerlinks */
h1, h2, h3, h4, h5, h6 {
&:hover a.headerlink, &:hover a:visited.headerlink {
&::after {
visibility: visible;
content: "#";
}
}
}
a.headerlink, a:visited.headerlink {
font-size: 0.85em;
visibility: hidden;
&:hover {
text-decoration: none;
}
}
ul.page-nav {
list-style: none;
& li {
display: inline-block;
}
}
.body-header {
display: flex;
& ul.page-nav {
flex-grow: 1;
list-style: none;
list-style-position: inside;
text-align: right;
margin-right: 2em;
& li + li:before {
content: "|";
padding: 0 1em;
}
}
}
ul.breadcrumbs {
list-style: none;
& li {
display: inline-block;
}
}
/** index page **/
.toctree-wrapper .caption {
// same as h2
font-weight: 600;
line-height: 1.25em;
font-size: 1.65rem;
padding-bottom: .3rem;
border-bottom: 0.1em solid var(--BClr);
}
/** footer **/
.footer {
clear: both;
min-height: 2rem;
padding-top: 1rem;
color: var(--FoTClr);
font-size: small;
line-height: 1.5rem;
}
/** pygments style **/
.content .highlight {
border-radius: 0.5em;
}
// force background color from pygments
.content .highlight pre {
background-color: inherit;
}
.content .highlighted {
background-color: var(--AClr); //#fbe54e;
font-weight: bold;
padding: 0 4px;
}
/*** admonitions based on custom-blocks.styl */
.admonition {
padding: .1rem 1.5rem;
border-left-width: .5rem;
border-left-style: solid;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
height: min-content;
margin: 1rem 0;
// default color
background-color: var(--AaBgClr);
border-color: var(--AaBClr);
color: var(--AaTClr);
a, a:visited {
color: var(--AaLClr);
&:hover {
color: var(--AaLHClr);
}
}
.admonition-title {
font-weight: 600;
margin-bottom: -0.4rem;
}
&.success {
background-color: var(--AsBgClr);
border-color: var(--AsBClr);
color: var(--AsTClr);
a, a:visited {
color: var(--AsLClr);
&:hover {
color: var(--AsLHClr);
}
}
}
&.hint {
background-color: var(--AhBgClr);
border-color: var(--AhBClr);
color: var(--AhTClr);
a, a:visited {
color: var(--AhLClr);
&:hover {
color: var(--AhLHClr);
}
}
}
&.tip {
background-color: var(--AtBgClr);
border-color: var(--AtBClr);
color: var(--AtTClr);
a, a:visited {
color: var(--AtLClr);
&:hover {
color: var(--AtLHClr);
}
}
}
&.important {
background-color: var(--AiBgClr);
border-color: var(--AiBClr);
color: var(--AiTClr);
a, a:visited {
color: var(--AiLClr);
&:hover {
color: var(--AiLHClr);
}
}
}
&.note {
background-color: var(--AnBgClr);
border-color: var(--AnBClr);
color: var(--AnTClr);
a, a:visited {
color: var(--AnLClr);
&:hover {
color: var(--AnLHClr);
}
}
}
&.warning {
background-color: var(--AwBgClr);
border-color: var(--AwBClr);
color: var(--AwTClr);
a, a:visited {
color: var(--AwLClr);
&:hover {
color: var(--AwLHClr);
}
}
}
&.danger {
background-color: var(--AdBgClr);
border-color: var(--AdBClr);
color: var(--AdTClr);
a, a:visited {
color: var(--AdLClr);
&:hover {
color: var(--AdLHClr);
}
}
}
&.caution {
background-color: var(--AcBgClr);
border-color: var(--AcBClr);
color: var(--AcTClr);
a, a:visited {
color: var(--AcLClr);
&:hover {
color: var(--AcLHClr);
}
}
}
&.danger {
background-color: var(--AdBgClr);
border-color: var(--AdBClr);
color: var(--AdTClr);
a, a:visited {
color: var(--AdLClr);
&:hover {
color: var(--AdLHClr);
}
}
}
}
blockquote {
background-color: var(--BqBgClr);
border-color: var(--BqBClr);
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
margin-left: -0.4rem;
color: var(--BqTClr);
a, a:visited {
color: var(--BqLClr);
&:hover {
color: var(--BqLHClr);
}
}
}

View file

@ -0,0 +1,183 @@
@media (prefers-color-scheme: dark) and (prefers-contrast: high) {
:root {
--sidebarWidth: var(--basesidebarWidth);
--contentWidth: var(--basecontentWidth);
--lineNumbersWrapperWidth: var(--baselineNumbersWrapperWidth);
--AClr: var(--darkHighContrastBaseAClr);
--SdA2Clr: var(--darkHighContrastBaseSdA2Clr);
--FClr: var(--darkHighContrastBaseFClr);
--BgClr: var(--darkHighContrastBaseBgClr);
--TClr: var(--darkHighContrastBaseTClr);
--T2Clr: var(--darkHighContrastBaseT2Clr);
--SdT2Clr: var(--darkHighContrastBaseSdT2Clr);
--TrClr: var(--darkHighContrastBaseTrClr);
--BClr: var(--darkHighContrastBaseBClr);
--LClr: var(--darkHighContrastBaseLClr);
--LHClr: var(--darkHighContrastBaseLHClr);
--ArBgClr: var(--darkHighContrastBaseArBgClr);
--NvAClr: var(--darkHighContrastBaseNvAClr);
--NvBgClr: var(--darkHighContrastBaseNvBgClr);
--NvBClr: var(--darkHighContrastBaseNvBClr);
--NvTClr: var(--darkHighContrastBaseNvTClr);
--NvLClr: var(--darkHighContrastBaseNvLClr);
--NvLHClr: var(--darkHighContrastBaseNvLHClr);
--InBgClr: var(--darkHighContrastBaseInBgClr);
--InBClr: var(--darkHighContrastBaseInBClr);
--BtnBgAClr: var(--darkHighContrastBaseBtnBgAClr);
--BtnBgClr: var(--darkHighContrastBaseBtnBgClr);
--BtnBClr: var(--darkHighContrastBaseBtnBClr);
--BtnTClr: var(--darkHighContrastBaseBtnTClr);
--AaBgClr: var(--darkHighContrastBaseAaBgClr);
--AaBClr: var(--darkHighContrastBaseAaBClr);
--AaTClr: var(--darkHighContrastBaseAaTClr);
--AaLClr: var(--darkHighContrastBaseAaLClr);
--AaLHClr: var(--darkHighContrastBaseAaLHClr);
--AtBgClr: var(--darkHighContrastBaseAtBgClr);
--AtBClr: var(--darkHighContrastBaseAtBClr);
--AtTClr: var(--darkHighContrastBaseAtTClr);
--AtLClr: var(--darkHighContrastBaseAtLClr);
--AtLHClr: var(--darkHighContrastBaseAtLHClr);
--AwBgClr: var(--darkHighContrastBaseAwBgClr);
--AwBClr: var(--darkHighContrastBaseAwBClr);
--AwTClr: var(--darkHighContrastBaseAwTClr);
--AwLClr: var(--darkHighContrastBaseAwLClr);
--AwLHClr: var(--darkHighContrastBaseAwLHClr);
--AdBgClr: var(--darkHighContrastBaseAdBgClr);
--AdBClr: var(--darkHighContrastBaseAdBClr);
--AdTClr: var(--darkHighContrastBaseAdTClr);
--AdLClr: var(--darkHighContrastBaseAdLClr);
--AdLHClr: var(--darkHighContrastBaseAdLHClr);
--AsBgClr: var(--darkHighContrastBaseAsBgClr);
--AsBClr: var(--darkHighContrastBaseAsBClr);
--AsTClr: var(--darkHighContrastBaseAsTClr);
--AsLClr: var(--darkHighContrastBaseAsLClr);
--AsLHClr: var(--darkHighContrastBaseAsLHClr);
--AhBgClr: var(--darkHighContrastBaseAhBgClr);
--AhBClr: var(--darkHighContrastBaseAhBClr);
--AhTClr: var(--darkHighContrastBaseAhTClr);
--AhLClr: var(--darkHighContrastBaseAhLClr);
--AhLHClr: var(--darkHighContrastBaseAhLHClr);
--AiBgClr: var(--darkHighContrastBaseAiBgClr);
--AiBClr: var(--darkHighContrastBaseAiBClr);
--AiTClr: var(--darkHighContrastBaseAiTClr);
--AiLClr: var(--darkHighContrastBaseAiLClr);
--AiLHClr: var(--darkHighContrastBaseAiLHClr);
--AnBgClr: var(--darkHighContrastBaseAnBgClr);
--AnBClr: var(--darkHighContrastBaseAnBClr);
--AnTClr: var(--darkHighContrastBaseAnTClr);
--AnLClr: var(--darkHighContrastBaseAnLClr);
--AnLHClr: var(--darkHighContrastBaseAnLHClr);
--AcBgClr: var(--darkHighContrastBaseAcBgClr);
--AcBClr: var(--darkHighContrastBaseAcBClr);
--AcTClr: var(--darkHighContrastBaseAcTClr);
--AcLClr: var(--darkHighContrastBaseAcLClr);
--AcLHClr: var(--darkHighContrastBaseAcLHClr);
--AeBgClr: var(--darkHighContrastBaseAeBgClr);
--AeBClr: var(--darkHighContrastBaseAeBClr);
--AeTClr: var(--darkHighContrastBaseAeTClr);
--AeLClr: var(--darkHighContrastBaseAeLClr);
--AeLHClr: var(--darkHighContrastBaseAeLHClr);
--BqAClr: var(--darkHighContrastBaseBqAClr);
--BqBgClr: var(--darkHighContrastBaseBqBgClr);
--BqBClr: var(--darkHighContrastBaseBqBClr);
--BqTClr: var(--darkHighContrastBaseBqTClr);
--BqLClr: var(--darkHighContrastBaseBqLClr);
--BqLHClr: var(--darkHighContrastBaseBqLHClr);
--CdAClr: var(--darkHighContrastBaseCdAClr);
--CdBgAClr: var(--darkHighContrastBaseCdBgAClr);
--CdBgClr: var(--darkHighContrastBaseCdBgClr);
--CdBClr: var(--darkHighContrastBaseCdBClr);
--TClr: var(--darkHighContrastBaseTClr);
--T2Clr: var(--darkHighContrastBaseT2Clr);
--SdT2Clr: var(--darkHighContrastBaseSdT2Clr);
--CdT2Clr: var(--darkHighContrastBaseCdT2Clr);
--CdTClr: var(--darkHighContrastBaseCdTClr);
--CdLClr: var(--darkHighContrastBaseCdLClr);
--CdLHClr: var(--darkHighContrastBaseCdLHClr);
--CdLnTClr: var(--darkHighContrastBaseCdLnTClr);
--CdLnBClr: var(--darkHighContrastBaseCdLnBClr);
--CdLnBgClr: var(--darkHighContrastBaseCdLnBgClr);
--PrAClr: var(--darkHighContrastBasePrAClr);
--PrBgAClr: var(--darkHighContrastBasePrBgAClr);
--PrBgClr: var(--darkHighContrastBasePrBgClr);
--PrBClr: var(--darkHighContrastBasePrBClr);
--PrB2Clr: var(--darkHighContrastBasePrB2Clr);
--PrTClr: var(--darkHighContrastBasePrTClr);
--PrLNClr: var(--darkHighContrastBasePrLNClr);
--PrLClr: var(--darkHighContrastBasePrLClr);
--PrLHClr: var(--darkHighContrastBasePrLHClr);
--TeAClr: var(--darkHighContrastBaseTeAClr);
--TeBgAClr: var(--darkHighContrastBaseTeBgAClr);
--TeBgClr: var(--darkHighContrastBaseTeBgClr);
--TeBClr: var(--darkHighContrastBaseTeBClr);
--TeTClr: var(--darkHighContrastBaseTeTClr);
--TeLClr: var(--darkHighContrastBaseTeLClr);
--TeLHClr: var(--darkHighContrastBaseTeLHClr);
--ToAClr: var(--darkHighContrastBaseToAClr);
--ToBgAClr: var(--darkHighContrastBaseToBgAClr);
--ToBgClr: var(--darkHighContrastBaseToBgClr);
--ToBClr: var(--darkHighContrastBaseToBClr);
--ToTClr: var(--darkHighContrastBaseToTClr);
--ToLClr: var(--darkHighContrastBaseToLClr);
--ToLHClr: var(--darkHighContrastBaseToLHClr);
--SdAClr: var(--darkHighContrastBaseSdAClr);
--SdBgClr: var(--darkHighContrastBaseSdBgClr);
--SdBClr: var(--darkHighContrastBaseSdBClr);
--SdTClr: var(--darkHighContrastBaseSdTClr);
--SdLClr: var(--darkHighContrastBaseSdLClr);
--SdLHClr: var(--darkHighContrastBaseSdLHClr);
--FoAClr: var(--darkHighContrastBaseFoAClr);
--FoBClr: var(--darkHighContrastBaseFoBClr);
--FoBgClr: var(--darkHighContrastBaseFoBgClr);
--FoTClr: var(--darkHighContrastBaseFoTClr);
--FoLClr: var(--darkHighContrastBaseFoLClr);
--FoLHClr: var(--darkHighContrastBaseFoLHClr);
--InAClr: var(--darkHighContrastBaseInAClr);
--InTClr: var(--darkHighContrastBaseInTClr);
--InHClr: var(--darkHighContrastBaseInHClr);
--BtnAClr: var(--darkHighContrastBaseBtnAClr);
--BtnHClr: var(--darkHighContrastBaseBtnHClr);
--BhBgClr: var(--darkHighContrastBaseBhBgClr);
--SEmailClr: var(--darkHighContrastBaseSEmailClr);
--SContactClr: var(--darkHighContrastBaseSContactClr);
--SFacebookClr: var(--darkHighContrastBaseSFacebookClr);
--SGithubClr: var(--darkHighContrastBaseSGithubClr);
--SGoogleClr: var(--darkHighContrastBaseSGoogleClr);
--SLinkedinClr: var(--darkHighContrastBaseSLinkedinClr);
--SPinterestClr: var(--darkHighContrastBaseSPinterestClr);
--SRedditClr: var(--darkHighContrastBaseSRedditClr);
--SRssClr: var(--darkHighContrastBaseSRssClr);
--SSoundcloudClr: var(--darkHighContrastBaseSSoundcloudClr);
--SStackOverflowClr: var(--darkHighContrastBaseSStackOverflowClr);
--STwitterClr: var(--darkHighContrastBaseSTwitterClr);
--SMastodonClr: var(--darkHighContrastBaseSMastodonClr);
--SDiasporaClr: var(--darkHighContrastBaseSDiasporaClr);
--SYoutubeClr: var(--darkHighContrastBaseSYoutubeClr);
}
}

View file

@ -0,0 +1,183 @@
@media (prefers-color-scheme: dark) {
:root {
--sidebarWidth: var(--basesidebarWidth);
--contentWidth: var(--basecontentWidth);
--lineNumbersWrapperWidth: var(--baselineNumbersWrapperWidth);
--AClr: var(--darkBaseAClr);
--SdA2Clr: var(--darkBaseSdA2Clr);
--FClr: var(--darkBaseFClr);
--BgClr: var(--darkBaseBgClr);
--TClr: var(--darkBaseTClr);
--T2Clr: var(--darkBaseT2Clr);
--SdT2Clr: var(--darkBaseSdT2Clr);
--TrClr: var(--darkBaseTrClr);
--BClr: var(--darkBaseBClr);
--LClr: var(--darkBaseLClr);
--LHClr: var(--darkBaseLHClr);
--ArBgClr: var(--darkBaseArBgClr);
--NvAClr: var(--darkBaseNvAClr);
--NvBgClr: var(--darkBaseNvBgClr);
--NvBClr: var(--darkBaseNvBClr);
--NvTClr: var(--darkBaseNvTClr);
--NvLClr: var(--darkBaseNvLClr);
--NvLHClr: var(--darkBaseNvLHClr);
--InBgClr: var(--darkBaseInBgClr);
--InBClr: var(--darkBaseInBClr);
--BtnBgAClr: var(--darkBaseBtnBgAClr);
--BtnBgClr: var(--darkBaseBtnBgClr);
--BtnBClr: var(--darkBaseBtnBClr);
--BtnTClr: var(--darkBaseBtnTClr);
--AaBgClr: var(--darkBaseAaBgClr);
--AaBClr: var(--darkBaseAaBClr);
--AaTClr: var(--darkBaseAaTClr);
--AaLClr: var(--darkBaseAaLClr);
--AaLHClr: var(--darkBaseAaLHClr);
--AtBgClr: var(--darkBaseAtBgClr);
--AtBClr: var(--darkBaseAtBClr);
--AtTClr: var(--darkBaseAtTClr);
--AtLClr: var(--darkBaseAtLClr);
--AtLHClr: var(--darkBaseAtLHClr);
--AwBgClr: var(--darkBaseAwBgClr);
--AwBClr: var(--darkBaseAwBClr);
--AwTClr: var(--darkBaseAwTClr);
--AwLClr: var(--darkBaseAwLClr);
--AwLHClr: var(--darkBaseAwLHClr);
--AdBgClr: var(--darkBaseAdBgClr);
--AdBClr: var(--darkBaseAdBClr);
--AdTClr: var(--darkBaseAdTClr);
--AdLClr: var(--darkBaseAdLClr);
--AdLHClr: var(--darkBaseAdLHClr);
--AsBgClr: var(--darkBaseAsBgClr);
--AsBClr: var(--darkBaseAsBClr);
--AsTClr: var(--darkBaseAsTClr);
--AsLClr: var(--darkBaseAsLClr);
--AsLHClr: var(--darkBaseAsLHClr);
--AhBgClr: var(--darkBaseAhBgClr);
--AhBClr: var(--darkBaseAhBClr);
--AhTClr: var(--darkBaseAhTClr);
--AhLClr: var(--darkBaseAhLClr);
--AhLHClr: var(--darkBaseAhLHClr);
--AiBgClr: var(--darkBaseAiBgClr);
--AiBClr: var(--darkBaseAiBClr);
--AiTClr: var(--darkBaseAiTClr);
--AiLClr: var(--darkBaseAiLClr);
--AiLHClr: var(--darkBaseAiLHClr);
--AnBgClr: var(--darkBaseAnBgClr);
--AnBClr: var(--darkBaseAnBClr);
--AnTClr: var(--darkBaseAnTClr);
--AnLClr: var(--darkBaseAnLClr);
--AnLHClr: var(--darkBaseAnLHClr);
--AcBgClr: var(--darkBaseAcBgClr);
--AcBClr: var(--darkBaseAcBClr);
--AcTClr: var(--darkBaseAcTClr);
--AcLClr: var(--darkBaseAcLClr);
--AcLHClr: var(--darkBaseAcLHClr);
--AeBgClr: var(--darkBaseAeBgClr);
--AeBClr: var(--darkBaseAeBClr);
--AeTClr: var(--darkBaseAeTClr);
--AeLClr: var(--darkBaseAeLClr);
--AeLHClr: var(--darkBaseAeLHClr);
--BqAClr: var(--darkBaseBqAClr);
--BqBgClr: var(--darkBaseBqBgClr);
--BqBClr: var(--darkBaseBqBClr);
--BqTClr: var(--darkBaseBqTClr);
--BqLClr: var(--darkBaseBqLClr);
--BqLHClr: var(--darkBaseBqLHClr);
--CdAClr: var(--darkBaseCdAClr);
--CdBgAClr: var(--darkBaseCdBgAClr);
--CdBgClr: var(--darkBaseCdBgClr);
--CdBClr: var(--darkBaseCdBClr);
--TClr: var(--darkBaseTClr);
--T2Clr: var(--darkBaseT2Clr);
--SdT2Clr: var(--darkBaseSdT2Clr);
--CdT2Clr: var(--darkBaseCdT2Clr);
--CdTClr: var(--darkBaseCdTClr);
--CdLClr: var(--darkBaseCdLClr);
--CdLHClr: var(--darkBaseCdLHClr);
--CdLnTClr: var(--darkBaseCdLnTClr);
--CdLnBClr: var(--darkBaseCdLnBClr);
--CdLnBgClr: var(--darkBaseCdLnBgClr);
--PrAClr: var(--darkBasePrAClr);
--PrBgAClr: var(--darkBasePrBgAClr);
--PrBgClr: var(--darkBasePrBgClr);
--PrBClr: var(--darkBasePrBClr);
--PrB2Clr: var(--darkBasePrB2Clr);
--PrTClr: var(--darkBasePrTClr);
--PrLNClr: var(--darkBasePrLNClr);
--PrLClr: var(--darkBasePrLClr);
--PrLHClr: var(--darkBasePrLHClr);
--TeAClr: var(--darkBaseTeAClr);
--TeBgAClr: var(--darkBaseTeBgAClr);
--TeBgClr: var(--darkBaseTeBgClr);
--TeBClr: var(--darkBaseTeBClr);
--TeTClr: var(--darkBaseTeTClr);
--TeLClr: var(--darkBaseTeLClr);
--TeLHClr: var(--darkBaseTeLHClr);
--ToAClr: var(--darkBaseToAClr);
--ToBgAClr: var(--darkBaseToBgAClr);
--ToBgClr: var(--darkBaseToBgClr);
--ToBClr: var(--darkBaseToBClr);
--ToTClr: var(--darkBaseToTClr);
--ToLClr: var(--darkBaseToLClr);
--ToLHClr: var(--darkBaseToLHClr);
--SdAClr: var(--darkBaseSdAClr);
--SdBgClr: var(--darkBaseSdBgClr);
--SdBClr: var(--darkBaseSdBClr);
--SdTClr: var(--darkBaseSdTClr);
--SdLClr: var(--darkBaseSdLClr);
--SdLHClr: var(--darkBaseSdLHClr);
--FoAClr: var(--darkBaseFoAClr);
--FoBClr: var(--darkBaseFoBClr);
--FoBgClr: var(--darkBaseFoBgClr);
--FoTClr: var(--darkBaseFoTClr);
--FoLClr: var(--darkBaseFoLClr);
--FoLHClr: var(--darkBaseFoLHClr);
--InAClr: var(--darkBaseInAClr);
--InTClr: var(--darkBaseInTClr);
--InHClr: var(--darkBaseInHClr);
--BtnAClr: var(--darkBaseBtnAClr);
--BtnHClr: var(--darkBaseBtnHClr);
--BhBgClr: var(--darkBaseBhBgClr);
--SEmailClr: var(--darkBaseSEmailClr);
--SContactClr: var(--darkBaseSContactClr);
--SFacebookClr: var(--darkBaseSFacebookClr);
--SGithubClr: var(--darkBaseSGithubClr);
--SGoogleClr: var(--darkBaseSGoogleClr);
--SLinkedinClr: var(--darkBaseSLinkedinClr);
--SPinterestClr: var(--darkBaseSPinterestClr);
--SRedditClr: var(--darkBaseSRedditClr);
--SRssClr: var(--darkBaseSRssClr);
--SSoundcloudClr: var(--darkBaseSSoundcloudClr);
--SStackOverflowClr: var(--darkBaseSStackOverflowClr);
--STwitterClr: var(--darkBaseSTwitterClr);
--SMastodonClr: var(--darkBaseSMastodonClr);
--SDiasporaClr: var(--darkBaseSDiasporaClr);
--SYoutubeClr: var(--darkBaseSYoutubeClr);
}
}

View file

@ -0,0 +1,183 @@
@media (prefers-contrast: high) {
:root {
--sidebarWidth: var(--basesidebarWidth);
--contentWidth: var(--basecontentWidth);
--lineNumbersWrapperWidth: var(--baselineNumbersWrapperWidth);
--AClr: var(--highContrastBaseAClr);
--SdA2Clr: var(--highContrastBaseSdA2Clr);
--FClr: var(--highContrastBaseFClr);
--BgClr: var(--highContrastBaseBgClr);
--TClr: var(--highContrastBaseTClr);
--T2Clr: var(--highContrastBaseT2Clr);
--SdT2Clr: var(--highContrastBaseSdT2Clr);
--TrClr: var(--highContrastBaseTrClr);
--BClr: var(--highContrastBaseBClr);
--LClr: var(--highContrastBaseLClr);
--LHClr: var(--highContrastBaseLHClr);
--ArBgClr: var(--highContrastBaseArBgClr);
--NvAClr: var(--highContrastBaseNvAClr);
--NvBgClr: var(--highContrastBaseNvBgClr);
--NvBClr: var(--highContrastBaseNvBClr);
--NvTClr: var(--highContrastBaseNvTClr);
--NvLClr: var(--highContrastBaseNvLClr);
--NvLHClr: var(--highContrastBaseNvLHClr);
--InBgClr: var(--highContrastBaseInBgClr);
--InBClr: var(--highContrastBaseInBClr);
--BtnBgAClr: var(--highContrastBaseBtnBgAClr);
--BtnBgClr: var(--highContrastBaseBtnBgClr);
--BtnBClr: var(--highContrastBaseBtnBClr);
--BtnTClr: var(--highContrastBaseBtnTClr);
--AaBgClr: var(--highContrastBaseAaBgClr);
--AaBClr: var(--highContrastBaseAaBClr);
--AaTClr: var(--highContrastBaseAaTClr);
--AaLClr: var(--highContrastBaseAaLClr);
--AaLHClr: var(--highContrastBaseAaLHClr);
--AtBgClr: var(--highContrastBaseAtBgClr);
--AtBClr: var(--highContrastBaseAtBClr);
--AtTClr: var(--highContrastBaseAtTClr);
--AtLClr: var(--highContrastBaseAtLClr);
--AtLHClr: var(--highContrastBaseAtLHClr);
--AwBgClr: var(--highContrastBaseAwBgClr);
--AwBClr: var(--highContrastBaseAwBClr);
--AwTClr: var(--highContrastBaseAwTClr);
--AwLClr: var(--highContrastBaseAwLClr);
--AwLHClr: var(--highContrastBaseAwLHClr);
--AdBgClr: var(--highContrastBaseAdBgClr);
--AdBClr: var(--highContrastBaseAdBClr);
--AdTClr: var(--highContrastBaseAdTClr);
--AdLClr: var(--highContrastBaseAdLClr);
--AdLHClr: var(--highContrastBaseAdLHClr);
--AsBgClr: var(--highContrastBaseAsBgClr);
--AsBClr: var(--highContrastBaseAsBClr);
--AsTClr: var(--highContrastBaseAsTClr);
--AsLClr: var(--highContrastBaseAsLClr);
--AsLHClr: var(--highContrastBaseAsLHClr);
--AhBgClr: var(--highContrastBaseAhBgClr);
--AhBClr: var(--highContrastBaseAhBClr);
--AhTClr: var(--highContrastBaseAhTClr);
--AhLClr: var(--highContrastBaseAhLClr);
--AhLHClr: var(--highContrastBaseAhLHClr);
--AiBgClr: var(--highContrastBaseAiBgClr);
--AiBClr: var(--highContrastBaseAiBClr);
--AiTClr: var(--highContrastBaseAiTClr);
--AiLClr: var(--highContrastBaseAiLClr);
--AiLHClr: var(--highContrastBaseAiLHClr);
--AnBgClr: var(--highContrastBaseAnBgClr);
--AnBClr: var(--highContrastBaseAnBClr);
--AnTClr: var(--highContrastBaseAnTClr);
--AnLClr: var(--highContrastBaseAnLClr);
--AnLHClr: var(--highContrastBaseAnLHClr);
--AcBgClr: var(--highContrastBaseAcBgClr);
--AcBClr: var(--highContrastBaseAcBClr);
--AcTClr: var(--highContrastBaseAcTClr);
--AcLClr: var(--highContrastBaseAcLClr);
--AcLHClr: var(--highContrastBaseAcLHClr);
--AeBgClr: var(--highContrastBaseAeBgClr);
--AeBClr: var(--highContrastBaseAeBClr);
--AeTClr: var(--highContrastBaseAeTClr);
--AeLClr: var(--highContrastBaseAeLClr);
--AeLHClr: var(--highContrastBaseAeLHClr);
--BqAClr: var(--highContrastBaseBqAClr);
--BqBgClr: var(--highContrastBaseBqBgClr);
--BqBClr: var(--highContrastBaseBqBClr);
--BqTClr: var(--highContrastBaseBqTClr);
--BqLClr: var(--highContrastBaseBqLClr);
--BqLHClr: var(--highContrastBaseBqLHClr);
--CdAClr: var(--highContrastBaseCdAClr);
--CdBgAClr: var(--highContrastBaseCdBgAClr);
--CdBgClr: var(--highContrastBaseCdBgClr);
--CdBClr: var(--highContrastBaseCdBClr);
--TClr: var(--highContrastBaseTClr);
--T2Clr: var(--highContrastBaseT2Clr);
--SdT2Clr: var(--highContrastBaseSdT2Clr);
--CdT2Clr: var(--highContrastBaseCdT2Clr);
--CdTClr: var(--highContrastBaseCdTClr);
--CdLClr: var(--highContrastBaseCdLClr);
--CdLHClr: var(--highContrastBaseCdLHClr);
--CdLnTClr: var(--highContrastBaseCdLnTClr);
--CdLnBClr: var(--highContrastBaseCdLnBClr);
--CdLnBgClr: var(--highContrastBaseCdLnBgClr);
--PrAClr: var(--highContrastBasePrAClr);
--PrBgAClr: var(--highContrastBasePrBgAClr);
--PrBgClr: var(--highContrastBasePrBgClr);
--PrBClr: var(--highContrastBasePrBClr);
--PrB2Clr: var(--highContrastBasePrB2Clr);
--PrTClr: var(--highContrastBasePrTClr);
--PrLNClr: var(--highContrastBasePrLNClr);
--PrLClr: var(--highContrastBasePrLClr);
--PrLHClr: var(--highContrastBasePrLHClr);
--TeAClr: var(--highContrastBaseTeAClr);
--TeBgAClr: var(--highContrastBaseTeBgAClr);
--TeBgClr: var(--highContrastBaseTeBgClr);
--TeBClr: var(--highContrastBaseTeBClr);
--TeTClr: var(--highContrastBaseTeTClr);
--TeLClr: var(--highContrastBaseTeLClr);
--TeLHClr: var(--highContrastBaseTeLHClr);
--ToAClr: var(--highContrastBaseToAClr);
--ToBgAClr: var(--highContrastBaseToBgAClr);
--ToBgClr: var(--highContrastBaseToBgClr);
--ToBClr: var(--highContrastBaseToBClr);
--ToTClr: var(--highContrastBaseToTClr);
--ToLClr: var(--highContrastBaseToLClr);
--ToLHClr: var(--highContrastBaseToLHClr);
--SdAClr: var(--highContrastBaseSdAClr);
--SdBgClr: var(--highContrastBaseSdBgClr);
--SdBClr: var(--highContrastBaseSdBClr);
--SdTClr: var(--highContrastBaseSdTClr);
--SdLClr: var(--highContrastBaseSdLClr);
--SdLHClr: var(--highContrastBaseSdLHClr);
--FoAClr: var(--highContrastBaseFoAClr);
--FoBClr: var(--highContrastBaseFoBClr);
--FoBgClr: var(--highContrastBaseFoBgClr);
--FoTClr: var(--highContrastBaseFoTClr);
--FoLClr: var(--highContrastBaseFoLClr);
--FoLHClr: var(--highContrastBaseFoLHClr);
--InAClr: var(--highContrastBaseInAClr);
--InTClr: var(--highContrastBaseInTClr);
--InHClr: var(--highContrastBaseInHClr);
--BtnAClr: var(--highContrastBaseBtnAClr);
--BtnHClr: var(--highContrastBaseBtnHClr);
--BhBgClr: var(--highContrastBaseBhBgClr);
--SEmailClr: var(--highContrastBaseSEmailClr);
--SContactClr: var(--highContrastBaseSContactClr);
--SFacebookClr: var(--highContrastBaseSFacebookClr);
--SGithubClr: var(--highContrastBaseSGithubClr);
--SGoogleClr: var(--highContrastBaseSGoogleClr);
--SLinkedinClr: var(--highContrastBaseSLinkedinClr);
--SPinterestClr: var(--highContrastBaseSPinterestClr);
--SRedditClr: var(--highContrastBaseSRedditClr);
--SRssClr: var(--highContrastBaseSRssClr);
--SSoundcloudClr: var(--highContrastBaseSSoundcloudClr);
--SStackOverflowClr: var(--highContrastBaseSStackOverflowClr);
--STwitterClr: var(--highContrastBaseSTwitterClr);
--SMastodonClr: var(--highContrastBaseSMastodonClr);
--SDiasporaClr: var(--highContrastBaseSDiasporaClr);
--SYoutubeClr: var(--highContrastBaseSYoutubeClr);
}
}

View file

@ -0,0 +1,181 @@
:root {
--sidebarWidth: var(--basesidebarWidth);
--contentWidth: var(--basecontentWidth);
--lineNumbersWrapperWidth: var(--baselineNumbersWrapperWidth);
--AClr: var(--baseAClr);
--SdA2Clr: var(--baseSdA2Clr);
--FClr: var(--baseFClr);
--BgClr: var(--baseBgClr);
--TClr: var(--baseTClr);
--T2Clr: var(--baseT2Clr);
--SdT2Clr: var(--baseSdT2Clr);
--TrClr: var(--baseTrClr);
--BClr: var(--baseBClr);
--LClr: var(--baseLClr);
--LHClr: var(--baseLHClr);
--ArBgClr: var(--baseArBgClr);
--NvAClr: var(--baseNvAClr);
--NvBgClr: var(--baseNvBgClr);
--NvBClr: var(--baseNvBClr);
--NvTClr: var(--baseNvTClr);
--NvLClr: var(--baseNvLClr);
--NvLHClr: var(--baseNvLHClr);
--InBgClr: var(--baseInBgClr);
--InBClr: var(--baseInBClr);
--BtnBgAClr: var(--baseBtnBgAClr);
--BtnBgClr: var(--baseBtnBgClr);
--BtnBClr: var(--baseBtnBClr);
--BtnTClr: var(--baseBtnTClr);
--AaBgClr: var(--baseAaBgClr);
--AaBClr: var(--baseAaBClr);
--AaTClr: var(--baseAaTClr);
--AaLClr: var(--baseAaLClr);
--AaLHClr: var(--baseAaLHClr);
--AtBgClr: var(--baseAtBgClr);
--AtBClr: var(--baseAtBClr);
--AtTClr: var(--baseAtTClr);
--AtLClr: var(--baseAtLClr);
--AtLHClr: var(--baseAtLHClr);
--AwBgClr: var(--baseAwBgClr);
--AwBClr: var(--baseAwBClr);
--AwTClr: var(--baseAwTClr);
--AwLClr: var(--baseAwLClr);
--AwLHClr: var(--baseAwLHClr);
--AdBgClr: var(--baseAdBgClr);
--AdBClr: var(--baseAdBClr);
--AdTClr: var(--baseAdTClr);
--AdLClr: var(--baseAdLClr);
--AdLHClr: var(--baseAdLHClr);
--AsBgClr: var(--baseAsBgClr);
--AsBClr: var(--baseAsBClr);
--AsTClr: var(--baseAsTClr);
--AsLClr: var(--baseAsLClr);
--AsLHClr: var(--baseAsLHClr);
--AhBgClr: var(--baseAhBgClr);
--AhBClr: var(--baseAhBClr);
--AhTClr: var(--baseAhTClr);
--AhLClr: var(--baseAhLClr);
--AhLHClr: var(--baseAhLHClr);
--AiBgClr: var(--baseAiBgClr);
--AiBClr: var(--baseAiBClr);
--AiTClr: var(--baseAiTClr);
--AiLClr: var(--baseAiLClr);
--AiLHClr: var(--baseAiLHClr);
--AnBgClr: var(--baseAnBgClr);
--AnBClr: var(--baseAnBClr);
--AnTClr: var(--baseAnTClr);
--AnLClr: var(--baseAnLClr);
--AnLHClr: var(--baseAnLHClr);
--AcBgClr: var(--baseAcBgClr);
--AcBClr: var(--baseAcBClr);
--AcTClr: var(--baseAcTClr);
--AcLClr: var(--baseAcLClr);
--AcLHClr: var(--baseAcLHClr);
--AeBgClr: var(--baseAeBgClr);
--AeBClr: var(--baseAeBClr);
--AeTClr: var(--baseAeTClr);
--AeLClr: var(--baseAeLClr);
--AeLHClr: var(--baseAeLHClr);
--BqAClr: var(--baseBqAClr);
--BqBgClr: var(--baseBqBgClr);
--BqBClr: var(--baseBqBClr);
--BqTClr: var(--baseBqTClr);
--BqLClr: var(--baseBqLClr);
--BqLHClr: var(--baseBqLHClr);
--CdAClr: var(--baseCdAClr);
--CdBgAClr: var(--baseCdBgAClr);
--CdBgClr: var(--baseCdBgClr);
--CdBClr: var(--baseCdBClr);
--TClr: var(--baseTClr);
--T2Clr: var(--baseT2Clr);
--SdT2Clr: var(--baseSdT2Clr);
--CdT2Clr: var(--baseCdT2Clr);
--CdTClr: var(--baseCdTClr);
--CdLClr: var(--baseCdLClr);
--CdLHClr: var(--baseCdLHClr);
--CdLnTClr: var(--baseCdLnTClr);
--CdLnBClr: var(--baseCdLnBClr);
--CdLnBgClr: var(--baseCdLnBgClr);
--PrAClr: var(--basePrAClr);
--PrBgAClr: var(--basePrBgAClr);
--PrBgClr: var(--basePrBgClr);
--PrBClr: var(--basePrBClr);
--PrB2Clr: var(--basePrB2Clr);
--PrTClr: var(--basePrTClr);
--PrLNClr: var(--basePrLNClr);
--PrLClr: var(--basePrLClr);
--PrLHClr: var(--basePrLHClr);
--TeAClr: var(--baseTeAClr);
--TeBgAClr: var(--baseTeBgAClr);
--TeBgClr: var(--baseTeBgClr);
--TeBClr: var(--baseTeBClr);
--TeTClr: var(--baseTeTClr);
--TeLClr: var(--baseTeLClr);
--TeLHClr: var(--baseTeLHClr);
--ToAClr: var(--baseToAClr);
--ToBgAClr: var(--baseToBgAClr);
--ToBgClr: var(--baseToBgClr);
--ToBClr: var(--baseToBClr);
--ToTClr: var(--baseToTClr);
--ToLClr: var(--baseToLClr);
--ToLHClr: var(--baseToLHClr);
--SdAClr: var(--baseSdAClr);
--SdBgClr: var(--baseSdBgClr);
--SdBClr: var(--baseSdBClr);
--SdTClr: var(--baseSdTClr);
--SdLClr: var(--baseSdLClr);
--SdLHClr: var(--baseSdLHClr);
--FoAClr: var(--baseFoAClr);
--FoBClr: var(--baseFoBClr);
--FoBgClr: var(--baseFoBgClr);
--FoTClr: var(--baseFoTClr);
--FoLClr: var(--baseFoLClr);
--FoLHClr: var(--baseFoLHClr);
--InAClr: var(--baseInAClr);
--InTClr: var(--baseInTClr);
--InHClr: var(--baseInHClr);
--BtnAClr: var(--baseBtnAClr);
--BtnHClr: var(--baseBtnHClr);
--BhBgClr: var(--baseBhBgClr);
--SEmailClr: var(--baseSEmailClr);
--SContactClr: var(--baseSContactClr);
--SFacebookClr: var(--baseSFacebookClr);
--SGithubClr: var(--baseSGithubClr);
--SGoogleClr: var(--baseSGoogleClr);
--SLinkedinClr: var(--baseSLinkedinClr);
--SPinterestClr: var(--baseSPinterestClr);
--SRedditClr: var(--baseSRedditClr);
--SRssClr: var(--baseSRssClr);
--SSoundcloudClr: var(--baseSSoundcloudClr);
--SStackOverflowClr: var(--baseSStackOverflowClr);
--STwitterClr: var(--baseSTwitterClr);
--SMastodonClr: var(--baseSMastodonClr);
--SDiasporaClr: var(--baseSDiasporaClr);
--SYoutubeClr: var(--baseSYoutubeClr);
}

View file

@ -0,0 +1,183 @@
@media print {
:root {
--sidebarWidth: var(--basesidebarWidth);
--contentWidth: var(--basecontentWidth);
--lineNumbersWrapperWidth: var(--baselineNumbersWrapperWidth);
--AClr: var(--printBaseAClr);
--SdA2Clr: var(--printBaseSdA2Clr);
--FClr: var(--printBaseFClr);
--BgClr: var(--printBaseBgClr);
--TClr: var(--printBaseTClr);
--T2Clr: var(--printBaseT2Clr);
--SdT2Clr: var(--printBaseSdT2Clr);
--TrClr: var(--printBaseTrClr);
--BClr: var(--printBaseBClr);
--LClr: var(--printBaseLClr);
--LHClr: var(--printBaseLHClr);
--ArBgClr: var(--printBaseArBgClr);
--NvAClr: var(--printBaseNvAClr);
--NvBgClr: var(--printBaseNvBgClr);
--NvBClr: var(--printBaseNvBClr);
--NvTClr: var(--printBaseNvTClr);
--NvLClr: var(--printBaseNvLClr);
--NvLHClr: var(--printBaseNvLHClr);
--InBgClr: var(--printBaseInBgClr);
--InBClr: var(--printBaseInBClr);
--BtnBgAClr: var(--printBaseBtnBgAClr);
--BtnBgClr: var(--printBaseBtnBgClr);
--BtnBClr: var(--printBaseBtnBClr);
--BtnTClr: var(--printBaseBtnTClr);
--AaBgClr: var(--printBaseAaBgClr);
--AaBClr: var(--printBaseAaBClr);
--AaTClr: var(--printBaseAaTClr);
--AaLClr: var(--printBaseAaLClr);
--AaLHClr: var(--printBaseAaLHClr);
--AtBgClr: var(--printBaseAtBgClr);
--AtBClr: var(--printBaseAtBClr);
--AtTClr: var(--printBaseAtTClr);
--AtLClr: var(--printBaseAtLClr);
--AtLHClr: var(--printBaseAtLHClr);
--AwBgClr: var(--printBaseAwBgClr);
--AwBClr: var(--printBaseAwBClr);
--AwTClr: var(--printBaseAwTClr);
--AwLClr: var(--printBaseAwLClr);
--AwLHClr: var(--printBaseAwLHClr);
--AdBgClr: var(--printBaseAdBgClr);
--AdBClr: var(--printBaseAdBClr);
--AdTClr: var(--printBaseAdTClr);
--AdLClr: var(--printBaseAdLClr);
--AdLHClr: var(--printBaseAdLHClr);
--AsBgClr: var(--printBaseAsBgClr);
--AsBClr: var(--printBaseAsBClr);
--AsTClr: var(--printBaseAsTClr);
--AsLClr: var(--printBaseAsLClr);
--AsLHClr: var(--printBaseAsLHClr);
--AhBgClr: var(--printBaseAhBgClr);
--AhBClr: var(--printBaseAhBClr);
--AhTClr: var(--printBaseAhTClr);
--AhLClr: var(--printBaseAhLClr);
--AhLHClr: var(--printBaseAhLHClr);
--AiBgClr: var(--printBaseAiBgClr);
--AiBClr: var(--printBaseAiBClr);
--AiTClr: var(--printBaseAiTClr);
--AiLClr: var(--printBaseAiLClr);
--AiLHClr: var(--printBaseAiLHClr);
--AnBgClr: var(--printBaseAnBgClr);
--AnBClr: var(--printBaseAnBClr);
--AnTClr: var(--printBaseAnTClr);
--AnLClr: var(--printBaseAnLClr);
--AnLHClr: var(--printBaseAnLHClr);
--AcBgClr: var(--printBaseAcBgClr);
--AcBClr: var(--printBaseAcBClr);
--AcTClr: var(--printBaseAcTClr);
--AcLClr: var(--printBaseAcLClr);
--AcLHClr: var(--printBaseAcLHClr);
--AeBgClr: var(--printBaseAeBgClr);
--AeBClr: var(--printBaseAeBClr);
--AeTClr: var(--printBaseAeTClr);
--AeLClr: var(--printBaseAeLClr);
--AeLHClr: var(--printBaseAeLHClr);
--BqAClr: var(--printBaseBqAClr);
--BqBgClr: var(--printBaseBqBgClr);
--BqBClr: var(--printBaseBqBClr);
--BqTClr: var(--printBaseBqTClr);
--BqLClr: var(--printBaseBqLClr);
--BqLHClr: var(--printBaseBqLHClr);
--CdAClr: var(--printBaseCdAClr);
--CdBgAClr: var(--printBaseCdBgAClr);
--CdBgClr: var(--printBaseCdBgClr);
--CdBClr: var(--printBaseCdBClr);
--TClr: var(--printBaseTClr);
--T2Clr: var(--printBaseT2Clr);
--SdT2Clr: var(--printBaseSdT2Clr);
--CdT2Clr: var(--printBaseCdT2Clr);
--CdTClr: var(--printBaseCdTClr);
--CdLClr: var(--printBaseCdLClr);
--CdLHClr: var(--printBaseCdLHClr);
--CdLnTClr: var(--printBaseCdLnTClr);
--CdLnBClr: var(--printBaseCdLnBClr);
--CdLnBgClr: var(--printBaseCdLnBgClr);
--PrAClr: var(--printBasePrAClr);
--PrBgAClr: var(--printBasePrBgAClr);
--PrBgClr: var(--printBasePrBgClr);
--PrBClr: var(--printBasePrBClr);
--PrB2Clr: var(--printBasePrB2Clr);
--PrTClr: var(--printBasePrTClr);
--PrLNClr: var(--printBasePrLNClr);
--PrLClr: var(--printBasePrLClr);
--PrLHClr: var(--printBasePrLHClr);
--TeAClr: var(--printBaseTeAClr);
--TeBgAClr: var(--printBaseTeBgAClr);
--TeBgClr: var(--printBaseTeBgClr);
--TeBClr: var(--printBaseTeBClr);
--TeTClr: var(--printBaseTeTClr);
--TeLClr: var(--printBaseTeLClr);
--TeLHClr: var(--printBaseTeLHClr);
--ToAClr: var(--printBaseToAClr);
--ToBgAClr: var(--printBaseToBgAClr);
--ToBgClr: var(--printBaseToBgClr);
--ToBClr: var(--printBaseToBClr);
--ToTClr: var(--printBaseToTClr);
--ToLClr: var(--printBaseToLClr);
--ToLHClr: var(--printBaseToLHClr);
--SdAClr: var(--printBaseSdAClr);
--SdBgClr: var(--printBaseSdBgClr);
--SdBClr: var(--printBaseSdBClr);
--SdTClr: var(--printBaseSdTClr);
--SdLClr: var(--printBaseSdLClr);
--SdLHClr: var(--printBaseSdLHClr);
--FoAClr: var(--printBaseFoAClr);
--FoBClr: var(--printBaseFoBClr);
--FoBgClr: var(--printBaseFoBgClr);
--FoTClr: var(--printBaseFoTClr);
--FoLClr: var(--printBaseFoLClr);
--FoLHClr: var(--printBaseFoLHClr);
--InAClr: var(--printBaseInAClr);
--InTClr: var(--printBaseInTClr);
--InHClr: var(--printBaseInHClr);
--BtnAClr: var(--printBaseBtnAClr);
--BtnHClr: var(--printBaseBtnHClr);
--BhBgClr: var(--printBaseBhBgClr);
--SEmailClr: var(--printBaseSEmailClr);
--SContactClr: var(--printBaseSContactClr);
--SFacebookClr: var(--printBaseSFacebookClr);
--SGithubClr: var(--printBaseSGithubClr);
--SGoogleClr: var(--printBaseSGoogleClr);
--SLinkedinClr: var(--printBaseSLinkedinClr);
--SPinterestClr: var(--printBaseSPinterestClr);
--SRedditClr: var(--printBaseSRedditClr);
--SRssClr: var(--printBaseSRssClr);
--SSoundcloudClr: var(--printBaseSSoundcloudClr);
--SStackOverflowClr: var(--printBaseSStackOverflowClr);
--STwitterClr: var(--printBaseSTwitterClr);
--SMastodonClr: var(--printBaseSMastodonClr);
--SDiasporaClr: var(--printBaseSDiasporaClr);
--SYoutubeClr: var(--printBaseSYoutubeClr);
}
}

5
src/assets/css/toc.less Normal file
View file

@ -0,0 +1,5 @@
.table-of-contents {
.badge {
vertical-align: middle;
}
}

View file

@ -0,0 +1,6 @@
.wrapper {
max-width: var(--contentWidth);
margin: 0 auto;
padding: 2rem 2.5rem;
}

View file

@ -0,0 +1,11 @@
.wrapper {
max-width: var(--contentWidth);
margin: 0 auto;
padding: 2rem 2.5rem;
@media (max-width: var(--MQNarrow)) {
padding: 2rem;
}
@media (max-width: var(--MQMobileNarrow)) {
padding: 1.5rem;
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -0,0 +1,2 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";

View file

@ -0,0 +1,3 @@
/* jshint -W097 */ // don't warn about "use strict"
"use strict";