Update typography
This commit is contained in:
parent
53fe4c429f
commit
c4ff529bf6
5 changed files with 28 additions and 23 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue