refactor: optimize meta font size
This commit is contained in:
parent
575dc87d83
commit
50835b4c71
4 changed files with 12 additions and 7 deletions
|
@ -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 }}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue