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

Improved the posts layout.

Browse Source
This commit is contained in:
Cotes Chung
2020-07-30 04:58:05 +08:00
parent 4675d42f90
commit 112091cbf6
4 changed files with 20 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/css/post.scss
View File

@@ -45,7 +45,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
}
.post-tail-wrapper {
margin-top: 4rem;
margin-top: 6rem;
border-bottom: 1px double var(--main-border-color);
font-size: 0.85rem;
}
@@ -209,6 +209,9 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
#post-extend-wrapper {
min-height: 2rem;
#disqus_thread {
margin-bottom: 2rem;
}
}
.post-tail-bottom a {
@@ -350,31 +353,3 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
}
}
/*
The following resposive design aim to
make #post-extend-wrapper margin-right same as pannel's width
*/
@media all and (min-width: 1200px) {
#post-extend-wrapper {
margin-right: 25%;
}
}
@media all and (min-width: 1460px) {
#post-extend-wrapper {
margin-right: 300px;
}
}
@media all and (min-width: 1650px) {
#post-extend-wrapper {
margin-right: calc((100% - 1150px) / 10 + 300px);
}
}
@media all and (min-width: 1700px) {
#post-extend-wrapper {
margin-right: calc((100% - 1150px) / 8 + 300px);
}
}