cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: style refinements

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-17 19:16:24 -07:00
parent 8ab44b56c4
commit 28321d639e
No known key found for this signature in database
4 changed files with 16 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/styles/base/index.css
View file

@ -107,8 +107,8 @@ blockquote {
}
svg {
width: 24px;
height: 24px;
width: var(--sizing-svg-base);
height: var(--sizing-svg-base);
}
/* links */

15
src/assets/styles/components/menu.css
View file

@ -6,10 +6,8 @@
gap: var(--sizing-md);
& > li {
overflow: hidden;
margin: 0;
display: flex;
align-items: center;
& .icon > svg,
& .active > svg {
@ -23,12 +21,9 @@
}
}
.menu-button-container {
margin-left: var(--sizing-md)
}
.menu-button-container {
display: none;
margin-left: var(--sizing-md);
& .menu-open,
& .menu-closed {
@ -79,13 +74,15 @@
position: absolute;
top: 0;
left: 0;
gap: 0;
margin-top: calc(var(--sizing-3xl) * 2.25);
flex-direction: column;
width: 100%;
gap: 0;
z-index: 3;
& > li {
overflow: hidden;
align-items: center;
justify-content: center;
margin: 0;
padding: var(--sizing-sm) 0;
@ -107,14 +104,12 @@
#menu-toggle ~ .menu-primary li {
height: 0;
margin: 0;
padding: 0;
border: 0;
}
#menu-toggle:checked ~ .menu-primary li {
border-bottom: 1px solid var(--gray-light);
height:calc(var(--sizing-3xl) * 1.5);
height: calc(var(--sizing-3xl) * 1.5);
&:first-child {
border-top: 1px solid var(--gray-light);