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

Optimize typography

Browse Source 
- Set the table width to 100% on small screens
- Optimize list style
- Optimize image style
- Make checkbox color lighter (light mode)
- Reduce the space for inline code
This commit is contained in:
Cotes Chung
2020-12-24 19:37:33 +08:00
parent ef0c9ce770
commit fa310d3190
7 changed files with 76 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/post.scss
View File

@@ -49,21 +49,6 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
}
.post-content {
> ol, > ul, > dl {
padding-left: 2rem;
li + li {
margin-top: 0.3rem;
}
}
li {
> ol, > ul, > dl { // sub list
padding-left: 2rem;
margin-top: 0.3rem;
}
> p {
margin: 1rem 0 0.8rem;
}
}
.preview-img {
margin-top: 0;
margin-bottom: 2.5rem;
@@ -182,7 +167,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
@include label(1.1rem, 600);
}
.card {
border: 1px solid var(--card-border-color);
border-color: var(--card-border-color);
background-color: var(--card-bg);
box-shadow: 0 0 5px 0 var(--card-box-shadow);
-webkit-transition: all 0.3s ease-in-out;
@@ -194,7 +179,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
&:hover {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
box-shadow: 0 20px 35px -4px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 15px -4px rgba(0,0,0,0.15);
}
}