fix home page first-entry margins
This commit is contained in:
parent
5b8b8241f3
commit
368da1791e
|
@ -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 {
|
||||
|
|
|
@ -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) }}
|
||||
|
|
Loading…
Reference in New Issue