style: modified font line height (#44)

This commit is contained in:
XPoet 2021-01-21 17:31:25 +08:00
parent ab74e39fba
commit af64c08910
2 changed files with 10 additions and 17 deletions

View File

@ -16,7 +16,7 @@
p { p {
line-height: 2rem; line-height: 2;
color: var(--default-text-color); color: var(--default-text-color);
} }
@ -108,17 +108,20 @@
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: var(--second-text-color); color: var(--second-text-color);
line-height: 1.5;
+keep-tablet() {
line-height: 1.25;
}
} }
h1 { h1 {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: 600; font-weight: 600;
line-height: 1.2rem;
+keep-tablet() { +keep-tablet() {
font-size: 1.7rem; font-size: 1.7rem;
line-height: 1.1rem;
} }
} }
@ -126,11 +129,9 @@
h2 { h2 {
font-size: 1.7rem; font-size: 1.7rem;
font-weight: 600; font-weight: 600;
line-height: 1.2rem;
+keep-tablet() { +keep-tablet() {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.1rem;
} }
} }
@ -138,11 +139,9 @@
h3 { h3 {
font-size: 1.6rem; font-size: 1.6rem;
font-weight: 550; font-weight: 550;
line-height: 1.16rem;
+keep-tablet() { +keep-tablet() {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.06rem;
} }
} }
@ -150,11 +149,9 @@
h4 { h4 {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 550; font-weight: 550;
line-height: 1.16rem;
+keep-tablet() { +keep-tablet() {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.06rem;
} }
} }
@ -162,11 +159,9 @@
h5 { h5 {
font-size: 1.28rem; font-size: 1.28rem;
font-weight: 500; font-weight: 500;
line-height: 1.12rem;
+keep-tablet() { +keep-tablet() {
font-size: 1.18rem; font-size: 1.18rem;
line-height: 1.02rem;
} }
} }
@ -174,11 +169,11 @@
h6 { h6 {
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 500; font-weight: 500;
line-height: 1.12rem; line-height: 1.2;
+keep-tablet() { +keep-tablet() {
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.02rem; line-height: 1.1;
} }
} }

View File

@ -88,7 +88,7 @@ $article-title-font-size = 1.6rem;
.article-header, .article-header-meta-info { .article-header, .article-header-meta-info {
margin-top: 16px; margin-top: 16px;
+keep-tablet() { +keep-tablet() {
transform: scale(0.88); transform: scale(0.9);
transform-origin: left top; transform-origin: left top;
} }
} }
@ -97,11 +97,9 @@ $article-title-font-size = 1.6rem;
.article-content { .article-content {
margin-top: $component-spacing-value; margin-top: $component-spacing-value;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid var(--border-color);
word-wrap: break-word; word-wrap: break-word;
text-align: justify; border-bottom: 1px solid var(--border-color);
color: var(--default-text-color); color: var(--default-text-color);
} }
.post-copyright-info { .post-copyright-info {