Move link, generic page layout, post list, and a bunch of leftover stuff in root.css to functional stylesheets in styles/root/.
30 lines
589 B
CSS
30 lines
589 B
CSS
@layer reset, typography, root, layout, section, page, utility;
|
|
|
|
:root {
|
|
--transition-duration: 0.7s;
|
|
--menu-icon-size: 20px;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--twitter-icon: url(/icons/twitter-dark.svg);
|
|
--github-icon: url(/icons/github-dark.svg);
|
|
--instagram-icon: url(/icons/instagram-dark.svg);
|
|
--feed-icon: url(/icons/rss-dark.svg);
|
|
}
|
|
}
|
|
|
|
@layer root {
|
|
nav.bulleted>li:first-child::before {
|
|
content: "";
|
|
}
|
|
|
|
nav.bulleted>li::before {
|
|
content: "•";
|
|
opacity: 80%;
|
|
}
|
|
|
|
header > span.series::before {
|
|
content: "↳";
|
|
}
|
|
}
|