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

Clear up header

This commit is contained in:
David Darnes 2019-11-06 17:58:03 +07:00
parent 79c9548fef
commit 54cb1d4d70
3 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,10 @@
/* Main
/* ---------------------------------------------------------- */
.gh-main {
margin: 2rem 0;
}
/* Content grid /* Content grid
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
.gh-canvas { .gh-canvas {
@ -100,24 +106,32 @@
/* Post header /* Post header
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
.gh-post-header { .gh-header {
grid-row-gap: 2rem; grid-row-gap: 2rem;
} }
.gh-post-title, .gh-title,
.gh-post-image { .gh-image {
grid-row: 1 / 2; grid-row: 1 / 2;
align-self: end; align-self: end;
} }
.gh-post-excerpt { .gh-excerpt {
grid-row: 2 / 3; grid-row: 2 / 3;
} }
.gh-post-image { .gh-image {
grid-column: full-start / full-end; grid-column: full-start / full-end;
} }
.gh-title {
margin-top: 2rem;
}
.gh-post-footer {
margin: 2rem 0;
}
/* Standard content /* Standard content
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */

12
page.hbs
View File

@ -3,6 +3,18 @@
{{#post}} {{#post}}
<article class="gh-page {{post_class}} {{#unless feature_image}}no-image{{/unless}}"> <article class="gh-page {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
<header class="gh-header gh-canvas">
{{#if feature_image}}
<img class="gh-image" src="{{feature_image}}" alt="{{title}}" />
{{/if}}
<h1 class="gh-title">{{title}}</h1>
{{#if custom_excerpt}}
<p class="gh-excerpt">{{custom_excerpt}}</p>
{{/if}}
</header>
<div class="gh-content gh-canvas"> <div class="gh-content gh-canvas">
{{content}} {{content}}
</div> </div>

10
post.hbs
View File

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