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

chore: standardize more sizing

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-02 14:46:21 -08:00
parent 8f4a902c95
commit a929d579b9
No known key found for this signature in database
6 changed files with 22 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -26,7 +26,7 @@
.banner p > svg { .banner p > svg {
display: inline; display: inline;
vertical-align: middle; vertical-align: middle;
height: .875rem; height: var(--sizing-lg);
width: .875rem; width: var(--sizing-lg);
margin-right: .125rem; margin-right: var(--sizing-xs);
} }

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

@ -68,9 +68,9 @@
.media__grid .item__meta-text { .media__grid .item__meta-text {
position: absolute; position: absolute;
padding: 0 .375rem; padding: 0 var(--sizing-xs);
width: 90%; width: 90%;
bottom: .375rem; bottom: var(--sizing-xs);
} }
.media__grid .item__meta-text .header, .media__grid .item__meta-text .header,

4
src/assets/styles/components/post-graph.css
View file

@ -7,7 +7,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
height: var(--sizing-3xl); height: var(--sizing-3xl);
margin-bottom: .375rem; margin-bottom: var(--sizing-sm);
} }
.post-graph__progress { .post-graph__progress {
@ -21,5 +21,5 @@
.post-graph__progress, .post-graph__progress,
.post-graph__data { .post-graph__data {
margin-left: .625rem; margin-left: var(--sizing-sm);
} }

26
src/assets/styles/index.css
View file

@ -26,7 +26,7 @@ blockquote {
blockquote { blockquote {
font-size: var(--font-size-lg); font-size: var(--font-size-lg);
padding-left: .875rem; padding-left: var(--sizing-lg);
color: var(--gray-dark); color: var(--gray-dark);
border-left: var(--sizing-xs) solid var(--gray-dark); border-left: var(--sizing-xs) solid var(--gray-dark);
word-break: break-word; word-break: break-word;
@ -147,8 +147,8 @@ tr:not(:last-child) {
th, th,
td { td {
padding: .375rem; padding: var(--sizing-sm);
min-width: 4rem; min-width: calc(var(--sizing-3xl) * 2);
word-break: break-word; word-break: break-word;
} }
@ -169,7 +169,7 @@ th {
.main__title h1 { .main__title h1 {
line-height: 1.25; line-height: 1.25;
margin: 0; margin: 0;
padding-bottom: .625rem; padding-bottom: var(--sizing-md);
font-size: var(--font-size-2xl); font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl); line-height: var(--line-height-2xl);
} }
@ -187,11 +187,11 @@ nav ul li {
} }
nav ul li:not(:last-child) { nav ul li:not(:last-child) {
margin-right: .6rem; margin-right: calc(var(--sizing-sm) * 1.225);
} }
nav svg { nav svg {
margin-top: .125rem; margin-top: var(--sizing-sm);
} }
:is(a:hover, a:active, a:focus) svg, :is(a:hover, a:active, a:focus) svg,
@ -264,7 +264,7 @@ article {
} }
footer nav:first-child { footer nav:first-child {
gap: .6rem; gap: var(--sizing-sm);
margin-top: var(--sizing-3xl); margin-top: var(--sizing-3xl);
padding: var(--sizing-3xl) 0 var(--sizing-lg); padding: var(--sizing-3xl) 0 var(--sizing-lg);
width: 100%; width: 100%;
@ -311,7 +311,7 @@ code {
article h2 { article h2 {
color: var(--text-color); color: var(--text-color);
line-height: var(--line-height-2xl); line-height: var(--line-height-2xl);
margin: 0 0 .85rem; margin: 0 0 var(--sizing-lg);
transition-property: color; transition-property: color;
} }
@ -336,12 +336,12 @@ article [rel="author"] {
} }
article p:first-of-type { article p:first-of-type {
margin-top: .4rem; margin-top: var(--sizing-sm);
} }
.tag:not(:last-child) { .tag:not(:last-child) {
margin-right: .85rem; margin-right: var(--sizing-lg);
margin-bottom: .85rem; margin-bottom: var(--sizing-lg);
display: inline-block; display: inline-block;
} }
@ -379,8 +379,8 @@ li {
} }
.link__list li { .link__list li {
margin-top: .375rem; margin-top: var(--sizing-sm);
margin-bottom: .375rem; margin-bottom: var(--sizing-sm);
} }
.link__list, .link__list,

2
src/assets/styles/pages/contact.css
View file

@ -4,7 +4,7 @@
} }
.contact__wrapper textarea { .contact__wrapper textarea {
height: 10rem; height: calc(var(--sizing-3xl) * 5);
resize: none; resize: none;
} }

3
src/assets/styles/pages/webrings.css
View file

@ -1,6 +1,5 @@
.webring__wrapper { .webring__wrapper {
margin-top: 3rem; margin: var(--sizing-base) 0;
margin-bottom: 2.5rem;
} }
.webring__wrapper > .webring__centered { .webring__wrapper > .webring__centered {