This commit is contained in:
parent
4a72c2ea7b
commit
ebba251502
2 changed files with 22 additions and 8 deletions
|
@ -43,7 +43,7 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
$backgroundColor: #202030;
|
$backgroundColor: #202030;
|
||||||
$textColor: #cdcdcd;
|
$textColor: #cdcdcd;
|
||||||
$linkColor: lightskyblue;
|
$linkColor: #A8BFD6;
|
||||||
$linkHoverColor: #202749;
|
$linkHoverColor: #202749;
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
|
|
@ -8,8 +8,14 @@
|
||||||
"Consolas", monospace;
|
"Consolas", monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html {}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--background-color);
|
background: radial-gradient(circle at center top, var(--background-color), black),
|
||||||
|
radial-gradient(circle at center bottom, #200d0d, black),
|
||||||
|
radial-gradient(circle at center left, #0d2020, black),
|
||||||
|
radial-gradient(circle at center right, #0d200d, black);
|
||||||
|
background-blend-mode: difference;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -31,7 +37,13 @@ code::selection {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
font-weight: bold;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-style: dotted;
|
||||||
|
text-decoration-thickness: 1px;
|
||||||
|
text-underline-offset: 2px;
|
||||||
|
|
||||||
|
// text-decoration: none;
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
|
@ -116,6 +128,7 @@ pre > code {
|
||||||
@media screen and (max-width: variables.$breakpoint) {
|
@media screen and (max-width: variables.$breakpoint) {
|
||||||
.flex-wrapper {
|
.flex-wrapper {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
padding: 5px 20px;
|
padding: 5px 20px;
|
||||||
}
|
}
|
||||||
|
@ -125,6 +138,7 @@ pre > code {
|
||||||
@media screen and (min-width: variables.$breakpoint) {
|
@media screen and (min-width: variables.$breakpoint) {
|
||||||
.flex-wrapper {
|
.flex-wrapper {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
padding: 32px 40px 5px 40px;
|
padding: 32px 40px 5px 40px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue