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 .mjs files as application/javascript;
|
||||
- serve in https and redirect http to https.
|
||||
|
||||
Licensing
|
||||
=========
|
||||
|
||||
Nerv Tales Network aka NervTN is licensed under EUPL1.2.
|
||||
|
||||
See LICENSE, LICENSE-fr, LICENSE-nl or LICENSE-en for more informations.
|
||||
|
||||
This work contains other licensed ressources.
|
||||
|
||||
- Hack font (see LICENSE-Hack-font.md)
|
||||
- Luciole font (see LICENSE-Luciole-font.txt)
|
||||
|
|
|
@ -19,8 +19,18 @@ import ReloadPWA from './components/ReloadPWA.vue';
|
|||
</template>
|
||||
|
||||
<style lang="less">
|
||||
#app {
|
||||
}
|
||||
@import './assets/css/wrapper.less';
|
||||
@import './assets/css/common.less';
|
||||
@import './assets/css/input.less';
|
||||
@import './assets/css/sidebar.less';
|
||||
@import './assets/css/print.less';
|
||||
@import './assets/css/mobile.less';
|
||||
@import './assets/css/config.less';
|
||||
@import './assets/css/theme-print.less';
|
||||
@import './assets/css/theme-light.less';
|
||||
@import './assets/css/theme-light-hc.less';
|
||||
@import './assets/css/theme-dark.less';
|
||||
@import './assets/css/theme-dark-hc.less';
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
|
25
src/assets/css/arrow.less
Normal file
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