f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

perf(typography): optimize the line height of post content

Browse Source
This commit is contained in:
Cotes Chung
2022-10-08 20:00:22 +08:00
parent 304d75c500
commit eac3f9b434
2 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
_sass/addon/commons.scss
View File

@@ -29,11 +29,11 @@ html {
}
body {
line-height: 1.75rem;
background: var(--body-bg);
color: var(--text-color);
-webkit-font-smoothing: antialiased;
font-family: 'Source Sans Pro', 'Microsoft Yahei', sans-serif;
line-height: 1.75;
}
/* --- Typography --- */
@@ -440,7 +440,6 @@ img[data-src] {
.post-content {
font-size: 1.08rem;
line-height: 1.8;
margin-top: 2rem;
overflow-wrap: break-word;
@@ -461,20 +460,17 @@ img[data-src] {
> ol,
> ul {
$start-padding: 1.25rem;
padding-inline-start: $start-padding;
margin: 1.25rem 0;
padding-inline-start: 1.75rem;
li {
margin: 0.5rem 0;
margin: 0.25rem 0;
padding-left: 0.4rem;
}
ol,
ul {
padding-inline-start: $start-padding;
margin: 0.75rem 0;
padding-inline-start: 1.25rem;
margin: 0.5rem 0;
}
}
@@ -484,7 +480,7 @@ img[data-src] {
list-style-type: none;
> i { /* checkbox icon */
margin: 0 0.4rem 0.2rem -1.4rem;
margin: 0 0.5rem 0.2rem -1.4rem;
vertical-align: middle;
color: var(--checkbox-color);