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

Even more style updates

Browse source
This commit is contained in:
Eryn Wells 2021-10-10 19:58:40 -07:00
parent d47054f8d7
commit 045908410a
3 changed files with 34 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/app.css
View file

@ -16,6 +16,7 @@
--side: calc((var(--wide) - var(--narrow)) / 2); --side: calc((var(--wide) - var(--narrow)) / 2);
--header: 8rem; --header: 8rem;
--footer: calc(8rem + var(--safe-bottom)); --footer: calc(8rem + var(--safe-bottom));
--link-color: #3486ff;
--light: 255, 255, 255; --light: 255, 255, 255;
--dark: 22, 22, 22; --dark: 22, 22, 22;
@ -176,9 +177,11 @@ img {
/* Header /* Header
-------------------------------------------------- */ -------------------------------------------------- */
.header { .header {
margin-top: 2rem;
display: flex; display: flex;
max-width: var(--wide); max-width: var(--wide);
height: var(--header); height: var(--header);
align-items: baseline;
} }
.header a { .header a {
@ -194,7 +197,6 @@ img {
} }
.site-name { .site-name {
max-width: calc(100% - 2rem - 3rem);
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
overflow: auto; overflow: auto;
font-size: 3.4rem; font-size: 3.4rem;
@ -238,6 +240,10 @@ img {
background: var(--url) center center no-repeat; background: var(--url) center center no-repeat;
} }
.social a span {
visibility: hidden;
}
.dark .social a { .dark .social a {
filter: invert(1); filter: invert(1);
} }

31
assets/home.css
View file

@ -1,42 +1,37 @@
/* home.css */ /* home.css */
:root { .main h1,
--link-color: #3486ff; .main h2,
} .main h3 {
margin-top: 5rem;
main h1,
main h2,
main h3 {
margin-top: 4rem;
margin-bottom: 0.7rem; margin-bottom: 0.7rem;
} }
main h1:first-child { .main h1:first-child {
margin-top: 0; margin-top: 0;
} }
main a { .main a {
color: var(--link-color); color: var(--link-color);
} }
h1 { .main h1 {
font-size: 5rem; font-size: 5rem;
} }
h2 { .main h2 {
font-size: 3rem; font-size: 3rem;
} }
#homepage-content { #homepage-content {
margin-bottom: 2em; margin-bottom: 2em;
font-size: 2.2rem;
} }
main p:first-child { .main p:first-child {
margin-top: 0; margin-top: 0;
} }
main p, .main p,
main ul { .main ul {
margin-top: 1.5rem; margin-top: 1.5rem;
} }

24
assets/style.css
View file

@ -10,6 +10,18 @@ img {
border-radius: 4px; border-radius: 4px;
} }
.draft {
text-transform: uppercase;
font-size: 80%;
color: white;
font-weight: 800;
/*border: 2px solid #aaa;*/
border-radius: 4px;
padding: 0.2rem 0.8rem;
margin-left: 0.5rem;
background-color: #aaa;
}
.flex-date { .flex-date {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
@ -21,14 +33,6 @@ img {
font-style: italic; font-style: italic;
} }
.draft { .post-content a {
text-transform: uppercase; color: var(--link-color);
font-size: 80%;
color: white;
font-weight: 800;
/*border: 2px solid #aaa;*/
border-radius: 4px;
padding: 0.2rem 0.8rem;
margin-left: 0.5rem;
background-color: #aaa;
} }