erynwells.me/assets/styles/root.css
Eryn Wells cf0fd27172 Partially reorganize styles into functional chunks, rather than by component
Move link, generic page layout, post list, and a bunch of leftover stuff in root.css to functional stylesheets in styles/root/.
2023-09-28 14:12:55 -07:00

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: "↳";
}
}