jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update typography

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/lib/components/DynamicPostContent.svelte
View file

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

16
src/lib/components/PostContent.svelte
View file

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

6
src/lib/components/PostItem.svelte
View file

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

13
src/lib/components/UniverseAlbumCard.svelte
View file

@ -44,7 +44,12 @@
<div class="album-info"> <div class="album-info">
<h2 class="card-title"> <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> </h2>
{#if album.description} {#if album.description}
@ -78,12 +83,12 @@
.album-description { .album-description {
margin: 0; margin: 0;
color: $grey-20; color: $grey-10;
font-size: 1rem; font-size: 1.125rem;
line-height: 1.5; line-height: 1.5;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
overflow: hidden; overflow: hidden;
} }
</style> </style>

4
src/lib/components/UniversePostCard.svelte
View file

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