refactor: optimize meta font size

This commit is contained in:
Cotes Chung 2023-10-08 04:40:16 +08:00
parent 575dc87d83
commit 50835b4c71
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
4 changed files with 12 additions and 7 deletions

View file

@ -78,9 +78,9 @@
<article class="col"> <article class="col">
<a href="{{ post.url | relative_url }}" class="post-preview card h-100"> <a href="{{ post.url | relative_url }}" class="post-preview card h-100">
<div class="card-body"> <div class="card-body">
{% include datetime.html date=post.date class="small" lang=include.lang %} {% include datetime.html date=post.date lang=include.lang %}
<h4 class="pt-0 my-2">{{ post.title }}</h4> <h4 class="pt-0 my-2">{{ post.title }}</h4>
<div class="text-muted small"> <div class="text-muted">
<p> <p>
{% include no-linenos.html content=post.content %} {% include no-linenos.html content=post.content %}
{{ content | markdownify | strip_html | truncate: 200 | escape }} {{ content | markdownify | strip_html | truncate: 200 | escape }}

View file

@ -136,7 +136,7 @@ footer {
height: $footer-height; height: $footer-height;
border-top: 1px solid var(--main-border-color); border-top: 1px solid var(--main-border-color);
@extend %text-meta; @extend %text-xs;
a { a {
@extend %text-highlight; @extend %text-highlight;
@ -379,7 +379,7 @@ main {
} }
.post-meta { .post-meta {
@extend %text-meta; @extend %text-sm;
a { a {
&:not([class]):hover { &:not([class]):hover {

View file

@ -127,10 +127,14 @@
font-weight: 600; font-weight: 600;
} }
%text-meta { %text-sm {
font-size: 0.85rem; font-size: 0.85rem;
} }
%text-xs {
font-size: 0.8rem;
}
%sup-fn-target { %sup-fn-target {
&:target { &:target {
background-color: var(--footnote-target-bg); background-color: var(--footnote-target-bg);

View file

@ -40,7 +40,7 @@ h1 + .post-meta {
} }
.post-tail-wrapper { .post-tail-wrapper {
@extend %text-meta; @extend %text-sm;
margin-top: 6rem; margin-top: 6rem;
border-bottom: 1px double var(--main-border-color); border-bottom: 1px double var(--main-border-color);
@ -57,7 +57,7 @@ h1 + .post-meta {
} }
span:last-child { span:last-child {
@extend %text-meta; @extend %text-sm;
} }
} /* .license-wrapper */ } /* .license-wrapper */
@ -297,6 +297,7 @@ h1 + .post-meta {
time { time {
@extend %normal-font-style; @extend %normal-font-style;
@extend %text-xs;
color: var(--text-muted-color); color: var(--text-muted-color);
} }