peterkrzyzek
/
ghost_leaders_theme
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

More post content spacing stuff

This commit is contained in:
David Darnes 2019-11-06 17:06:44 +07:00
parent db4a5cde91
commit 79c9548fef
2 changed files with 57 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
assets/css/components/content.css
View File

@ -97,65 +97,71 @@
border-width: 0; border-width: 0;
} }
/* Post header
/* ---------------------------------------------------------- */
.gh-post-header {
grid-row-gap: 2rem;
}
.gh-post-title,
.gh-post-image {
grid-row: 1 / 2;
align-self: end;
}
.gh-post-excerpt {
grid-row: 2 / 3;
}
.gh-post-image {
grid-column: full-start / full-end;
}
/* Standard content /* Standard content
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
.gh-content h1 { .gh-content h1,
margin: 0.5em 0 0.4em; .gh-content h2,
.gh-content h3,
.gh-content h4,
.gh-content h5,
.gh-content h6,
.gh-content table,
.gh-content blockquote {
margin: 0.6em 0 0.3em;
} }
.gh-content p + h1 { .gh-content > [id] + [id] {
margin-top: 0.8em;
}
.gh-content h2 {
margin: 0.5em 0 0.3em;
}
.gh-content p + h2 {
margin-top: 0.8em;
}
.gh-content h3 {
margin: 0.5em 0 0.2em;
}
@media (max-width: 800px) {
.gh-content h3 {
margin-bottom: 0.3em;
}
}
.gh-content h2 + h3 {
margin-top: 0.7em;
}
.gh-content h4 {
margin: 0.5em 0 0.2em;
}
.gh-content h2 + h4 {
margin-top: 0.7em;
}
.gh-content h3 + h4 {
margin-top: 0; margin-top: 0;
} }
@media (max-width: 800px) { .gh-content h1 + .kg-card,
.gh-content h4 { .gh-content h2 + .kg-card,
margin-bottom: 0.3em; .gh-content h3 + .kg-card,
} .gh-content h4 + .kg-card,
.gh-content h5 + .kg-card,
.gh-content h6 + .kg-card,
.gh-content table + .kg-card,
.gh-content blockquote + .kg-card {
margin-top: 1.5em;
} }
.gh-content h6 { .gh-content h5 {
margin: 0.5em 0 0.2em 0; display: block;
margin: 1.5em 0;
text-align: center;
} }
.gh-content table { .gh-content hr {
margin: 0.5em 0 2.5em; margin: 2em 0;
} }
.gh-content ul,
.gh-content ol,
.gh-content dl {
padding-left: 1.9em;
}
/* Cards /* Cards
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */

12
post.hbs
View File

@ -4,17 +4,17 @@
<article class="gh-post {{post_class}}"> <article class="gh-post {{post_class}}">
<header class="gh-post-header gh-canvas"> <header class="gh-post-header gh-canvas">
{{#if feature_image}}
<div class="gh-post-image">
<img class="kg-image" src="{{feature_image}}" alt="{{title}}" />
</div>
{{/if}}
<h1 class="gh-post-title">{{title}}</h1> <h1 class="gh-post-title">{{title}}</h1>
{{#if custom_excerpt}} {{#if custom_excerpt}}
<p class="gh-post-excerpt">{{custom_excerpt}}</p> <p class="gh-post-excerpt">{{custom_excerpt}}</p>
{{/if}} {{/if}}
{{#if feature_image}}
<div class="gh-post-image">
<img class="kg-image" src="{{feature_image}}" alt="{{title}}" />
</div>
{{/if}}
</header> </header>
<div class="gh-content gh-canvas"> <div class="gh-content gh-canvas">