Beautify the layout for posts heading and preview-image.
This commit is contained in:
parent
f0b4e30363
commit
7bb861b573
3 changed files with 8 additions and 1 deletions
|
@ -61,9 +61,11 @@ layout: default
|
|||
</div> <!-- .post-meta -->
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
{% if page.image %}
|
||||
<img src="{{ page.image }}">
|
||||
<img src="{{ page.image }}" class="post-preview-img">
|
||||
{% endif %}
|
||||
|
||||
<!-- Using lozad. See: <https://github.com/ApoorvSaxena/lozad.js#usage> -->
|
||||
{% if content contains '<img src=' %}
|
||||
{{ content | replace: '<img src=', '<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src=' }}
|
||||
|
|
|
@ -737,6 +737,7 @@ a {
|
|||
.post {
|
||||
h1 {
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
em { /* MarkDown italic */
|
||||
padding-right: .2rem;
|
||||
|
|
|
@ -52,6 +52,10 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
|
|||
margin: 1rem 0 0.8rem;
|
||||
}
|
||||
}
|
||||
.post-preview-img {
|
||||
margin-top: 0;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.post-tail-wrapper {
|
||||
|
|
Loading…
Reference in a new issue