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

chore: add scrollbar styles; fix units + alignment

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-15 09:03:07 -07:00
parent 9c5bdf8ef8
commit ab1182725f
No known key found for this signature in database
7 changed files with 45 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/assets/styles/components/banners.css
View file

@ -2,7 +2,7 @@
margin: var(--sizing-base) 0;
padding: var(--sizing-md);
border: 1px solid;
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
}
.banner.old-post {

2
src/assets/styles/components/forms.css
View file

@ -14,7 +14,7 @@ textarea {
padding: var(--sizing-sm);
font-size: var(--font-size-base);
width: 100%;
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
outline: none;
margin-bottom: var(--sizing-base);
font-weight: var(--font-weight-base);

4
src/assets/styles/components/link-peek.css
View file

@ -9,7 +9,7 @@ link-peek:defined figure {
gap: 1rem;
max-inline-size: max-content;
border: 1px solid var(--gray-light);
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
padding: 1rem;
margin: 0 0 var(--sizing-base);
font-size: var(--font-size-sm);
@ -32,5 +32,5 @@ link-peek img[data-key="data.logo.url"] {
link-peek img[data-key="data.image.url"] {
max-inline-size: 100%;
block-size: auto;
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
}

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

@ -84,7 +84,7 @@
.media__grid img {
border: 1px solid var(--accent-color);
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
transition-property: border-color;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: 300ms;

2
src/assets/styles/components/track-chart.css
View file

@ -51,7 +51,7 @@
.track__chart--item img {
border: 1px solid var(--accent-color);
border-radius: var(--sizing-xs);
border-radius: var(--rounded);
}
.track__chart--item img,