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

chore: style, data, type fixes

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-12 13:26:52 -07:00
parent 2e09b0257c
commit 9f8a6cde5f
No known key found for this signature in database
8 changed files with 55 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,18 +1,25 @@
body,
html {
html
body {
color: var(--text-color);
font-family: var(--font-mono);
font-size: var(--font-size-base);
letter-spacing: -.05rem;
word-spacing: -.125rem;
line-height: var(--line-height-base);
background: var(--background-color);
accent-color: var(--accent-color);
scrollbar-width: thin;
scrollbar-color: var(--accent-color) var(--gray-light);
}
html {
font-size: 100%;
-webkit-text-size-adjust: none;
}
body {
font-size: var(--font-size-base);
line-height: 2;
}
::-moz-selection {
color: var(--color-lightest);
background: var(--selection-color);
@ -150,15 +157,16 @@ a:active,
/* headers */
h1, h2, h3, h4, h5, h6 {
font-weight: var(--font-weight-bold);
line-height: 1.5;
margin: var(--sizing-base) 0;
}
h1 { font-size: var(--font-size-xl) }
h2 { font-size: var(--font-size-lg) }
h3 { font-size: var(--font-size-base) }
h4 { font-size: var(--font-size-md) }
h5 { font-size: var(--font-size-sm) }
h6 { font-size: var(--font-size-xs) }
h1 { font-size: var(--font-size-3xl) }
h2 { font-size: var(--font-size-2xl) }
h3 { font-size: var(--font-size-xl) }
h4 { font-size: var(--font-size-base) }
h5 { font-size: var(--font-size-md) }
h6 { font-size: var(--font-size-sm) }
.section-header-wrapper {
display: flex;
@ -266,12 +274,10 @@ th {
justify-content: space-between;
& h1 {
line-height: 1.25;
margin: 0;
padding-bottom: 0;
font-size: var(--font-size-2xl);
font-weight: var(--font-weight-extrabold);
line-height: var(--line-height-2xl);
margin: 0;
padding: 0;
& a {
text-decoration: none;
@ -419,7 +425,6 @@ footer {
&.sub-pages {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
padding-bottom: var(--sizing-3xl);
& span:not(.active) {
@ -437,7 +442,6 @@ footer {
/* articles */
article {
& h2 {
line-height: var(--line-height-lg);
margin: 0 0 var(--sizing-lg);
transition-property: color;
}
@ -454,7 +458,6 @@ article {
& time {
color: var(--gray-dark);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
margin-right: var(--sizing-xs);
}
@ -578,7 +581,6 @@ li {
.text-small {
font-size: var(--font-size-sm) !important;
line-height: var(--line-height-sm) !important;
}
.flex-centered {
@ -615,6 +617,10 @@ li {
max-width: 768px;
}
.main-title h1 {
font-size: var(--font-size-3xl);
}
.section-header-wrapper {
flex-direction: row;
}

27
src/assets/styles/defaults/vars.css
View file

@ -69,26 +69,13 @@
--font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;
/* text */
--font-size-xs: .725rem;
--line-height-xs: 1.45rem;
--font-size-sm: .825rem;
--line-height-sm: 1.65rem;
--font-size-base: .95rem;
--line-height-base: 1.9rem;
--font-size-lg: 1.125rem;
--line-height-lg: 2.25rem;
--font-size-xl: 1.25rem;
--line-height-xl: 2.5rem;
--font-size-2xl: 1.5rem;
--line-height-2xl: 3rem;
--font-size-3xl: 1.7rem;
--line-height-3xl: 3.4rem;
--font-size-xs: .7rem;
--font-size-sm: .85rem;
--font-size-base: 1rem;
--font-size-lg: 1.15rem;
--font-size-xl: 1.3rem;
--font-size-2xl: 1.45rem;
--font-size-3xl: 1.6rem;
--font-weight-base: 400;
--font-weight-bold: 600;

16
src/assets/styles/pages/media.css
View file

@ -34,12 +34,12 @@
}
&.sub-meta {
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
svg {
width: 16px;
height: 16px;
width: 18px;
height: 18px;
margin-right: var(--sizing-xs);
}
}
@ -146,13 +146,13 @@
& .subheader,
& .rating {
color: var(--color-lightest);
font-size: var(--font-size-xs);
font-size: var(--font-size-sm);
line-height: 1.5;
text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px;
}
& .rating {
font-size: calc(var(--font-size-xs) * .75);
font-size: calc(var(--font-size-sm) * .75);
}
& .header {
@ -195,8 +195,8 @@
}
&.sub-meta {
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
}