Update typography

This commit is contained in:
Justin Edmund 2025-06-02 14:50:55 -07:00
parent 53fe4c429f
commit c4ff529bf6
5 changed files with 28 additions and 23 deletions

View file

@ -112,13 +112,13 @@
// Post type styles
&.post {
.post-body {
font-size: 1.05rem;
font-size: 1.125rem;
}
}
&.essay {
.post-body {
font-size: 1rem;
font-size: 1.125rem;
line-height: 1.7;
}
}
@ -192,15 +192,15 @@
.album-description {
margin: 0;
font-size: 0.9rem;
color: $grey-40;
font-size: 1.125rem;
color: $grey-10;
line-height: 1.5;
}
}
.post-body {
color: $grey-20;
line-height: 1.6;
color: $grey-10;
line-height: 1.5;
:global(h1) {
margin: $unit-5x 0 $unit-3x;

View file

@ -54,14 +54,14 @@
// Post type styles for simplified post types
&.post {
.post-body {
font-size: 1.05rem;
font-size: 1.125rem;
}
}
&.essay {
.post-body {
font-size: 1rem;
line-height: 1.7;
font-size: 1.125rem;
line-height: 1.5;
}
}
@ -69,14 +69,14 @@
&.note,
&.microblog {
.post-body {
font-size: 1.1rem;
font-size: 1.125rem;
}
}
&.blog {
.post-body {
font-size: 1rem;
line-height: 1.7;
font-size: 1.125rem;
line-height: 1.5;
}
}
}
@ -111,8 +111,8 @@
}
.post-body {
color: $grey-20;
line-height: 1.6;
color: $grey-10;
line-height: 1.5;
:global(h2) {
margin: $unit-4x 0 $unit-2x;

View file

@ -57,7 +57,7 @@
&.note {
.post-excerpt {
font-size: 1rem;
font-size: 1.125rem;
}
}
@ -107,8 +107,8 @@
.post-excerpt {
margin: 0;
color: $grey-00;
font-size: 1rem;
line-height: 1.3;
font-size: 1.125rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

View file

@ -44,7 +44,12 @@
<div class="album-info">
<h2 class="card-title">
<a href="/photos/{album.slug}" class="card-title-link" onclick={(e) => e.preventDefault()} tabindex="-1">{album.title}</a>
<a
href="/photos/{album.slug}"
class="card-title-link"
onclick={(e) => e.preventDefault()}
tabindex="-1">{album.title}</a
>
</h2>
{#if album.description}
@ -78,8 +83,8 @@
.album-description {
margin: 0;
color: $grey-20;
font-size: 1rem;
color: $grey-10;
font-size: 1.125rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;

View file

@ -100,8 +100,8 @@
.post-excerpt {
p {
margin: 0;
color: $grey-20;
font-size: 1rem;
color: $grey-10;
font-size: 1.125rem;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;