@import "_colors";
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
a, p, span, div {
|
|
font-size: 14px;
|
|
}
|
|
|
|
a {
|
|
color: $blue;
|
|
|
|
&::visited {
|
|
color: $violet;
|
|
}
|
|
&::hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
|
|
.space {
|
|
color: rgba(0,0,0,0);
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
background-image: url('/static/rad_nebula.jpg');
|
|
background-position: center;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
body {
|
|
background-color: $base3;
|
|
color: $base00;
|
|
}
|
|
|
|
a, p, h1, h2, h3, h4, h5, h6, span, em, kbd, li, i, b {
|
|
&::selection {
|
|
background-color: $base2;
|
|
}
|
|
}
|
|
|
|
code::selection {
|
|
background-color: $base00 !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: $base03;
|
|
color: $base0;
|
|
}
|
|
|
|
a, p, h1, h2, h3, h4, h5, h6, span, em, kbd, li, i, b, code {
|
|
&::selection {
|
|
background-color: $base02;
|
|
}
|
|
}
|
|
|
|
code::selection {
|
|
background-color: $base03 !important;
|
|
}
|
|
}
|