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 {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 320px;
margin: var(--gap) 0 calc(var(--gap) * 2) 0;
}
@ -12,6 +9,7 @@
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin: 1.5em 0;
}
.first-entry .entry-header h1 {
@ -22,7 +20,14 @@
.first-entry .entry-content {
margin: 14px 0;
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 {

View File

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