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