eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Consolidate the color theming CSS back into the rest of the stylesheet

Browse source
This commit is contained in:
Eryn Wells 2021-12-28 09:37:43 -07:00
parent 797b20104a
commit cbf71d84e6
1 changed files with 7 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

30
static/styles/main.css
View file

@ -20,6 +20,7 @@
--body-background-color: var(--light);
--body-foreground-color: var(--dark);
--heading-color: var(--body-foreground-color);
--link-color: var(--highlight-color);
--menu-icon-size: 20px;
@ -64,6 +65,8 @@ a:hover {
}
body {
background-color: var(--body-background-color);
color: var(--body-foreground-color);
display: flex;
flex-direction: column;
font-size: 2rem;
@ -78,6 +81,7 @@ figcaption h4 {
}
figure {
border: 1px solid var(--separator-color);
border-radius: 0.5rem;
display: inline-block;
margin: 0;
@ -143,6 +147,7 @@ p {
.header {
align-items: baseline;
border-bottom: 1px solid var(--separator-color);
display: flex;
flex-direction: row;
}
@ -154,6 +159,7 @@ p {
}
.header h1 a {
color: var(--heading-color);
text-decoration: none;
}
@ -162,7 +168,7 @@ p {
}
.menu > a + a:before {
color: var(--dark);
color: var(--heading-color);
content: "•";
padding: 0 0.5rem;
}
@ -439,28 +445,6 @@ ul.post-tags li + li {
}
}
/*
* Color Theme -----------------------------------------------------------------
*/
body {
background-color: var(--body-background-color);
}
figure {
border: 1px solid var(--separator-color);
}
.header {
border-bottom: 1px solid var(--separator-color);
}
body,
.header h1 a,
.menu > a + a:before {
color: var(--body-foreground-color);
}
@media (max-width: 704px) {
html {
font-size: 7px;