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

Fix up the spacing of bulleted and social navs

Browse source
This commit is contained in:
Eryn Wells 2022-11-19 13:41:57 -08:00
parent e83eb2a3e5
commit f6000d0197
1 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/styles/root.css
View file

@ -45,6 +45,8 @@
--html-background-color: rgb(var(--white)); --html-background-color: rgb(var(--white));
--html-color: rgba(var(--black), 0.8); --html-color: rgba(var(--black), 0.8);
--nav-bulleted-spacing: 0.75rem;
--platter-background-color: rgba(var(--white), var(--platter-background-opacity)); --platter-background-color: rgba(var(--white), var(--platter-background-opacity));
--platter-background-opacity: 0.6; --platter-background-opacity: 0.6;
--platter-backdrop-filter: blur(10px); --platter-backdrop-filter: blur(10px);
@ -345,9 +347,6 @@ main > header {
margin-bottom: var(--body-item-spacing); margin-bottom: var(--body-item-spacing);
} }
main > :first-child { margin-block-start: 0; }
main > :last-child { margin-block-end: 0; }
header.site > .grid > nav { header.site > .grid > nav {
align-items: center; align-items: center;
display: flex; display: flex;
@ -361,15 +360,17 @@ header.site > .grid > nav {
header.site > .grid > nav > li { header.site > .grid > nav > li {
color: var(--site-nav-link-color); color: var(--site-nav-link-color);
display: block; display: block;
margin-inline-end: 0.5em;
} }
header.site > .grid > nav > .active { font-weight: bold; } header.site > .grid > nav > .active { font-weight: bold; }
main > :first-child { margin-block-start: 0; }
main > :last-child { margin-block-end: 0; }
nav.bulleted > li:first-child::before { nav.bulleted > li:first-child::before {
color: var(--html-color); color: var(--html-color);
content: ""; content: "";
margin-inline-end: 0; margin-inline: 0;
} }
nav.bulleted > li::before { nav.bulleted > li::before {
@ -378,9 +379,12 @@ nav.bulleted > li::before {
font-size: 60%; font-size: 60%;
font-weight: normal; font-weight: normal;
opacity: 80%; opacity: 80%;
margin-inline-end: 0.5em; margin-inline: var(--nav-bulleted-spacing);
} }
nav.social > li { margin-inline-start: var(--nav-bulleted-spacing); }
nav.social > li:first-child { margin-inline-start: 0; }
p { p {
letter-spacing: 0.025em; letter-spacing: 0.025em;
line-height: var(--body-line-height); line-height: var(--body-line-height);