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

Update the post meta design.

Browse Source
This commit is contained in:
Cotes Chung
2020-04-07 02:11:50 +08:00
parent 2423dbc726
commit caf8dec568
10 changed files with 76 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/main.scss
View File

@@ -752,9 +752,6 @@ a {
@extend %no-bottom-border;
}
}
.license-wrapper .license-text &:hover {
@extend %link-hover;
}
} // a
@@ -857,13 +854,14 @@ table {
min-width: 2rem;
text-align: center;
background: var(--tag-bg);
border-radius: .34rem;
border-radius: .3rem;
padding: 0 .4rem;
color: #818182;
line-height: 1.6rem;
&:not(:first-child) {
margin-left: .2rem;
line-height: 1.3rem;
&:not(:last-child) {
margin-right: .2rem;
}
&:hover {
@extend %tag-hover;
border-bottom: none;

23
assets/css/post.scss
View File

@@ -8,6 +8,7 @@
MIT License
*/
@import "_addon/variables";
@import "_addon/module";
$prompt-older: "{{ site.data.label.post.button.previous }}";
$prompt-newer: "{{ site.data.label.post.button.next }}";
@@ -26,6 +27,10 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
border-color: var(--btn-border-color);
}
.author {
font-weight: 600;
}
.post img {
margin-top: .5rem;
margin-bottom: 1.5rem;
@@ -40,11 +45,15 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
}
.post-tail-wrapper {
margin-top: 5rem;
margin-top: 4rem;
border-bottom: 1px double var(--main-border-color);
font-size: 0.85rem;
}
.post-tags {
line-height: 2rem;
}
.post-navigation {
padding-top: 3rem;
padding-bottom: 2rem;
@@ -268,8 +277,11 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
.license-wrapper {
line-height: 1.2rem;
.license-text>a {
>a {
font-weight: 600;
&:hover {
@extend %link-hover;
}
}
i {
font-weight: 400;
@@ -282,10 +294,11 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
@media all and (max-width: 576px) {
.post-tail-bottom {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
>div:first-child {
margin-bottom: 1rem;
width: 100%;
margin-top: 1rem;
}
}
}