mirror of
https://git.ari.lt/ari.lt/blog.ari.lt.git
synced 2025-02-04 09:39:25 +01:00
140 lines
2.4 KiB
CSS
140 lines
2.4 KiB
CSS
@import url(/content/fonts/Hack.min.css);
|
|
|
|
:root {
|
|
--clr-blockquote-fg: #e6e0c8;
|
|
|
|
--clr-code-bg: #1f1b1a;
|
|
--clr-code-fg: #f0f3e6;
|
|
--clr-code-bg-dark: #181414;
|
|
|
|
--scrollbar-height: 6px; /* TODO Firefox */
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
font-family: Hack, hack, monospace;
|
|
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
|
|
scrollbar-color: var(--clr-code-bg-dark) transparent;
|
|
|
|
scroll-behavior: smooth;
|
|
|
|
outline-offset: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar,
|
|
::-webkit-scrollbar-thumb {
|
|
height: var(--scrollbar-height);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
background-color: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--clr-code-bg-dark);
|
|
}
|
|
|
|
html::-webkit-scrollbar,
|
|
body::-webkit-scrollbar {
|
|
display: none !important;
|
|
}
|
|
|
|
a:focus,
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
pre,
|
|
pre * {
|
|
background-color: var(--clr-code-bg);
|
|
}
|
|
|
|
pre,
|
|
pre *,
|
|
code {
|
|
color: var(--clr-code-fg);
|
|
}
|
|
|
|
code:not(pre code),
|
|
time {
|
|
background-color: var(--clr-code-bg);
|
|
}
|
|
|
|
blockquote,
|
|
blockquote * {
|
|
color: var(--clr-blockquote-fg);
|
|
}
|
|
|
|
*[h]:hover > a,
|
|
*[h]:focus > a {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
*[h] > a:hover,
|
|
*[h] > a:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
*[h] > a,
|
|
*[h]:hover > a,
|
|
*[h]:focus > a {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
-webkit-animation-duration: 0.01ms !important;
|
|
animation-duration: 0.01ms !important;
|
|
|
|
-webkit-animation-iteration-count: 1 !important;
|
|
animation-iteration-count: 1 !important;
|
|
|
|
-webkit-transition-duration: 0.01ms !important;
|
|
-o-transition-duration: 0.01ms !important;
|
|
transition-duration: 0.01ms !important;
|
|
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-contrast: more) {
|
|
:root {
|
|
--clr-bg: #000000;
|
|
--clr-fg: #ffffff;
|
|
|
|
--clr-blockquote-fg: #ededed;
|
|
--clr-blockquote-bg: #868e91;
|
|
|
|
--clr-code-bg: #090909;
|
|
--clr-code-fg: #f0f0f0;
|
|
|
|
--clr-link: #a9c4d1;
|
|
|
|
--blockquote-width: 4px;
|
|
|
|
--scrollbar-height: initial; /* TODO: Firefox */
|
|
}
|
|
|
|
html::-webkit-scrollbar {
|
|
display: initial !important;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
scrollbar-width: initial !important;
|
|
-ms-overflow-style: initial !important;
|
|
}
|
|
|
|
a {
|
|
opacity: 1 !important;
|
|
}
|
|
}
|