oh no i bit more than i could chew oh fuck oh shit *dies*
This commit is contained in:
parent
790147ea05
commit
19b436ead1
73 changed files with 553 additions and 780 deletions
|
|
@ -4,34 +4,21 @@
|
|||
@import url("./nav.css");
|
||||
@import url("./variables.css");
|
||||
|
||||
:is(a, button):not(span *, .postscript *, body nav *),
|
||||
.link,
|
||||
#posts a {
|
||||
color: var(--citrus-dark);
|
||||
transition: background-color var(--trans);
|
||||
background-color: var(--citrus-primary);
|
||||
&:is(:hover, :focus) {
|
||||
color: var(--citrus-dark-extra);
|
||||
background-color: var(--citrus-secondary);
|
||||
}
|
||||
& a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
body {
|
||||
color: var(--citrus-dark-extra);
|
||||
background-attachment: local;
|
||||
background-blend-mode: soft-light;
|
||||
background-color: var(--citrus-primary);
|
||||
background-image: var(--paw-tiled);
|
||||
background-size: 128px;
|
||||
background-attachment: local;
|
||||
background-repeat: repeat;
|
||||
background-blend-mode: soft-light;
|
||||
animation: mainbg 10s linear infinite;
|
||||
background-size: 128px;
|
||||
color: var(--citrus-dark-extra);
|
||||
}
|
||||
header {
|
||||
main :is(a, button) {
|
||||
background-color: var(--citrus-mix-light);
|
||||
border-color: var(--citrus-mix);
|
||||
color: var(--citrus-dark);
|
||||
}
|
||||
ul:not([role]) li::before {
|
||||
ul li::before {
|
||||
background-color: var(--citrus-dark-extra);
|
||||
}
|
||||
article {
|
||||
|
|
@ -41,25 +28,20 @@ article {
|
|||
var(--citrus-light) 70%,
|
||||
color-mix(in lch, var(--citrus-mix-light), var(--citrus-light)) 100%
|
||||
);
|
||||
border-radius: 0;
|
||||
box-shadow: var(--shadow-heavy);
|
||||
border: 0;
|
||||
& .header-anchor {
|
||||
border-radius: 0;
|
||||
}
|
||||
& code:not(pre *) {
|
||||
border-radius: 0;
|
||||
background-color: var(--citrus-dark);
|
||||
color: var(--citrus-primary);
|
||||
}
|
||||
&:not(pre, code, a) {
|
||||
font-family: "Nosey Rodent", sans-serif;
|
||||
}
|
||||
border-radius: 2px;
|
||||
}
|
||||
@media screen and (max-width: 916px) {
|
||||
header {
|
||||
width: calc(100% - var(--float) + 4px);
|
||||
margin: auto 0 0 auto;
|
||||
padding: var(--pad-xl) 0 0 0;
|
||||
body::after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 916px) {
|
||||
nav#default {
|
||||
height: max-content;
|
||||
}
|
||||
header {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue