Skip to content

Commit 2da092b

Browse files
committed
fix: tune blog article typography
1 parent 4c6d537 commit 2da092b

2 files changed

Lines changed: 14 additions & 4 deletions

File tree

src/pages/blog/[...slug].astro

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -158,6 +158,11 @@ const locale = 'ja';
158158
word-break: break-word;
159159
}
160160

161+
.blog-article-content :where(p, li) {
162+
font-size: var(--fs-body);
163+
line-height: 1.9;
164+
}
165+
161166
.blog-article-content :where(:not(pre) > code) {
162167
overflow-wrap: anywhere;
163168
white-space: normal;
@@ -616,7 +621,7 @@ const locale = 'ja';
616621
}
617622

618623
.toc-sidebar-title {
619-
font-size: 1rem;
624+
font-size: 1.125rem;
620625
font-weight: 700;
621626
color: #111827;
622627
margin-bottom: 0.75rem;
@@ -705,7 +710,7 @@ const locale = 'ja';
705710
display: inline-flex;
706711
align-items: center;
707712
gap: 0.375rem;
708-
font-size: 0.8125rem;
713+
font-size: 1rem;
709714
font-weight: 600;
710715
color: #374151;
711716
background: none;

src/pages/en/blog/[...slug].astro

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -173,6 +173,11 @@ const estimatedReadingTimeMinutes = getEstimatedReadingTimeMinutes(post.body ??
173173
word-break: break-word;
174174
}
175175

176+
.blog-article-content :where(p, li) {
177+
font-size: var(--fs-body);
178+
line-height: 1.9;
179+
}
180+
176181
.blog-article-content :where(:not(pre) > code) {
177182
overflow-wrap: anywhere;
178183
white-space: normal;
@@ -631,7 +636,7 @@ const estimatedReadingTimeMinutes = getEstimatedReadingTimeMinutes(post.body ??
631636
}
632637

633638
.toc-sidebar-title {
634-
font-size: 1rem;
639+
font-size: 1.125rem;
635640
font-weight: 700;
636641
color: #111827;
637642
margin-bottom: 0.75rem;
@@ -720,7 +725,7 @@ const estimatedReadingTimeMinutes = getEstimatedReadingTimeMinutes(post.body ??
720725
display: inline-flex;
721726
align-items: center;
722727
gap: 0.375rem;
723-
font-size: 0.8125rem;
728+
font-size: 1rem;
724729
font-weight: 600;
725730
color: #374151;
726731
background: none;

0 commit comments

Comments
 (0)