Update architecture
This commit is contained in:
parent
afdf032ab2
commit
39dc1e4d18
44 changed files with 4185 additions and 2 deletions
45
LICENSE-Hack-font.md
Normal file
45
LICENSE-Hack-font.md
Normal 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
14
LICENSE-Luciole-font.txt
Normal 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
|
12
README.rst
12
README.rst
|
@ -10,3 +10,15 @@ XMPP web client, authoring tool, library, accessibility, adaptation, copyright e
|
||||||
- serve manifest.webmanifest with mimetype application/manifest+json;
|
- serve manifest.webmanifest with mimetype application/manifest+json;
|
||||||
- serve .mjs files as application/javascript;
|
- serve .mjs files as application/javascript;
|
||||||
- serve in https and redirect http to https.
|
- 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)
|
||||||
|
|
|
@ -19,8 +19,18 @@ import ReloadPWA from './components/ReloadPWA.vue';
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="less">
|
<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>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
25
src/assets/css/arrow.less
Normal file
25
src/assets/css/arrow.less
Normal 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
187
src/assets/css/code.less
Normal 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
885
src/assets/css/common.less
Normal 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
926
src/assets/css/config.less
Normal 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);
|
||||||
|
}
|
120
src/assets/css/custom-blocks.less
Normal file
120
src/assets/css/custom-blocks.less
Normal 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
37
src/assets/css/input.less
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
53
src/assets/css/mobile.less
Normal file
53
src/assets/css/mobile.less
Normal 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
203
src/assets/css/print.less
Normal 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
445
src/assets/css/sidebar.less
Normal 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
245
src/assets/css/sphinx.less
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
183
src/assets/css/theme-dark-hc.less
Normal file
183
src/assets/css/theme-dark-hc.less
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
183
src/assets/css/theme-dark.less
Normal file
183
src/assets/css/theme-dark.less
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
183
src/assets/css/theme-light-hc.less
Normal file
183
src/assets/css/theme-light-hc.less
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
181
src/assets/css/theme-light.less
Normal file
181
src/assets/css/theme-light.less
Normal 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);
|
||||||
|
}
|
183
src/assets/css/theme-print.less
Normal file
183
src/assets/css/theme-print.less
Normal 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
5
src/assets/css/toc.less
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
.table-of-contents {
|
||||||
|
.badge {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
6
src/assets/css/wrapper-print.less
Normal file
6
src/assets/css/wrapper-print.less
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
.wrapper {
|
||||||
|
max-width: var(--contentWidth);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem 2.5rem;
|
||||||
|
}
|
||||||
|
|
11
src/assets/css/wrapper.less
Normal file
11
src/assets/css/wrapper.less
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
BIN
src/assets/fonts/hack/Hack-Bold.woff
Normal file
BIN
src/assets/fonts/hack/Hack-Bold.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/hack/Hack-BoldItalic.woff
Normal file
BIN
src/assets/fonts/hack/Hack-BoldItalic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/hack/Hack-Italic.woff
Normal file
BIN
src/assets/fonts/hack/Hack-Italic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/hack/Hack-Regular.woff
Normal file
BIN
src/assets/fonts/hack/Hack-Regular.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/luciole/Luciole-Bold-Italic.woff
Normal file
BIN
src/assets/fonts/luciole/Luciole-Bold-Italic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/luciole/Luciole-Bold.woff
Normal file
BIN
src/assets/fonts/luciole/Luciole-Bold.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/luciole/Luciole-Regular-Italic.woff
Normal file
BIN
src/assets/fonts/luciole/Luciole-Regular-Italic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/luciole/Luciole-Regular.woff
Normal file
BIN
src/assets/fonts/luciole/Luciole-Regular.woff
Normal file
Binary file not shown.
2
src/components/account/account-routes.js
Normal file
2
src/components/account/account-routes.js
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
3
src/components/account/account-state.js
Normal file
3
src/components/account/account-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/contact/contact-routes.js
Normal file
3
src/components/contact/contact-routes.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/contact/contact-state.js
Normal file
3
src/components/contact/contact-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/item/item-routes.js
Normal file
3
src/components/item/item-routes.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/item/item-state.js
Normal file
3
src/components/item/item-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/message/message-routes.js
Normal file
3
src/components/message/message-routes.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/message/message-state.js
Normal file
3
src/components/message/message-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/order/order-routes.js
Normal file
3
src/components/order/order-routes.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/order/order-state.js
Normal file
3
src/components/order/order-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/storage/storage-routes.js
Normal file
3
src/components/storage/storage-routes.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/storage/storage-state.js
Normal file
3
src/components/storage/storage-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/user/user-routes.js
Normal file
3
src/components/user/user-routes.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
3
src/components/user/user-state.js
Normal file
3
src/components/user/user-state.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
/* jshint -W097 */ // don't warn about "use strict"
|
||||||
|
"use strict";
|
||||||
|
|
Loading…
Reference in a new issue