diff --git a/package.json b/package.json index 03a4ce3e..521e6ec1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "13.2.8", + "version": "13.2.9", "description": "The source for my personal site. Built using 11ty.", "type": "module", "scripts": { diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css index c50e5f20..8cf817ab 100644 --- a/src/assets/styles/base/index.css +++ b/src/assets/styles/base/index.css @@ -5,7 +5,7 @@ html { font-size: var(--font-size-base); letter-spacing: -.05rem; word-spacing: -.125rem; - line-height: var(--line-height-xl); + line-height: var(--line-height-base); background: var(--background-color); accent-color: var(--accent-color) } @@ -50,7 +50,6 @@ body::-webkit-scrollbar { } blockquote { - line-height: var(--line-height-lg); margin: var(--sizing-base) 0; } @@ -523,6 +522,7 @@ li { & li { margin-top: var(--sizing-sm); margin-bottom: var(--sizing-sm); + line-height: var(--line-height-sm); &:last-child { margin-bottom: 0; diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css index c12360d8..5a50487b 100644 --- a/src/assets/styles/components/media-grid.css +++ b/src/assets/styles/components/media-grid.css @@ -65,7 +65,7 @@ & .subheader { color: var(--color-lightest); font-size: var(--font-size-xs); - line-height: var(--line-height-xs); + line-height: 1.5; text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px; } diff --git a/src/assets/styles/components/music-chart.css b/src/assets/styles/components/music-chart.css index 93e0b4d2..e2a2db72 100644 --- a/src/assets/styles/components/music-chart.css +++ b/src/assets/styles/components/music-chart.css @@ -49,7 +49,12 @@ & .subtext, & .timestamp { font-size: var(--font-size-xs); - line-height: var(--line-height-xs); + } + + & .title, + & .subtext, + & .timestamp { + line-height: 1.5; } & .timestamp { diff --git a/src/assets/styles/defaults/vars.css b/src/assets/styles/defaults/vars.css index 7c0891e8..5b81e1eb 100644 --- a/src/assets/styles/defaults/vars.css +++ b/src/assets/styles/defaults/vars.css @@ -61,25 +61,25 @@ /* text */ --font-size-xs: .725rem; - --line-height-xs: 1.225rem; + --line-height-xs: 1.45rem; --font-size-sm: .825rem; - --line-height-sm: 1.325rem; + --line-height-sm: 1.65rem; --font-size-base: .95rem; - --line-height-base: 1.45rem; + --line-height-base: 1.9rem; --font-size-lg: 1.125rem; - --line-height-lg: 1.5rem; + --line-height-lg: 2.25rem; --font-size-xl: 1.25rem; - --line-height-xl: 1.75rem; + --line-height-xl: 2.5rem; --font-size-2xl: 1.5rem; - --line-height-2xl: 2rem; + --line-height-2xl: 3rem; --font-size-3xl: 1.7rem; - --line-height-3xl: 2.25rem; + --line-height-3xl: 3.4rem; --font-weight-base: 400; --font-weight-bold: 600;