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

chore: spacing

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-23 13:15:34 -07:00
parent 5e6c3ef503
commit 5204abbc3b
No known key found for this signature in database
6 changed files with 27 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/assets/styles/components/buttons.css
View file

@ -14,7 +14,7 @@ button {
background-color: var(--accent-color);
appearance: none;
border: 2px solid var(--accent-color);
transition-property: all;
transition-property: border;
}
&:not(.theme-toggle, .active):hover,
@ -27,17 +27,23 @@ button {
transition-duration: var(--transition-duration-default);
}
&:not(.active):hover,
&:not(.active):active,
&:not(.active):focus,
&:not(.active):focus-within {
transition-property: none;
outline: 2px dashed var(--accent-color);
padding: calc(var(--sizing-sm) + 2px) calc(var(--sizing-lg) + 2px);
border: 0;
}
&.small {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
padding: var(--sizing-xs) var(--sizing-sm);
&:not(.active):focus,
&:not(.active):focus-within {
padding: var(--sizing-xs) calc(var(--sizing-sm) + 2px);
}
}
&.secondary {

6
src/assets/styles/components/media-grid.css
View file

@ -50,11 +50,15 @@
}
& a:hover img,
& a:focus img,
& a:active img {
border-color: var(--accent-color-hover)
}
& a:focus img,
& a:focus-within img {
border: 0
}
& .meta-text {
position: absolute;
z-index: 2;