fix home page first-entry margins

This commit is contained in:
Reorx 2022-04-21 16:54:49 +08:00
parent 5b8b8241f3
commit 368da1791e
2 changed files with 10 additions and 5 deletions

View File

@ -1,8 +1,5 @@
.first-entry { .first-entry {
position: relative; position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 320px; min-height: 320px;
margin: var(--gap) 0 calc(var(--gap) * 2) 0; margin: var(--gap) 0 calc(var(--gap) * 2) 0;
} }
@ -12,6 +9,7 @@
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
margin: 1.5em 0;
} }
.first-entry .entry-header h1 { .first-entry .entry-header h1 {
@ -22,7 +20,14 @@
.first-entry .entry-content { .first-entry .entry-content {
margin: 14px 0; margin: 14px 0;
font-size: 16px; font-size: 16px;
-webkit-line-clamp: 3; color: var(--primary);
line-height: 1.5em;
display: block;
}
.first-entry .entry-content p,
.first-entry .entry-content li {
margin-bottom: .8em;
} }
.first-entry .entry-footer { .first-entry .entry-footer {

View File

@ -4,7 +4,7 @@
<h1>{{ .Title | markdownify }}</h1> <h1>{{ .Title | markdownify }}</h1>
</header> </header>
<section class="entry-content"> <section class="entry-content">
<p>{{ .Content | markdownify }}</p> {{- trim .Content "\n" | markdownify -}}
</section> </section>
<footer class="entry-footer"> <footer class="entry-footer">
{{ partial "social_icons.html" (dict "icons" site.Params.socialIcons "svg" $.Site.Data.svg) }} {{ partial "social_icons.html" (dict "icons" site.Params.socialIcons "svg" $.Site.Data.svg) }}