{{!< default}}
{{#post}}
<div class="c-post-view {{post_class}}">
+ {{#if feature_image}}
+ <figure class="c-post-full-image" style="background-image: url({{feature_image}})">
+ </figure>
+ {{/if}}
+
<div class="c-page-title">
<h1 class="c-page-title__heading">
{{title}}
{{> "post-meta"}}
</div>
+ {{#if feature_image}}
+ <figure class="c-post-full-image" style="background-image: url({{feature_image}})">
+ </figure>
+ {{/if}}
+
<div class="c-post-view__content">
{{content}}
</div>
border-top: 1px solid $c-gray;
}
+ // Feature image
+ .c-post-full-image {
+ height: 800px;
+ margin: 0 -10vw -165px;
+ background: var(--lightgrey) center center;
+ background-size: cover;
+ border-radius: 5px;
+ }
+
+
+ @media (max-width: 1170px) {
+ .c-post-full-image {
+ height: 600px;
+ margin: 0 -4vw -100px;
+ border-radius: 0;
+ background-size: cover;
+ }
+ }
+
+ @media (max-width: 800px) {
+ .c-post-full-image {
+ height: 400px;
+ }
+ }
+
/*
|-------------------------------------------------------------------------------
| Post view meta - date & tags
}
.c-page-title__heading + .c-post-view-meta {
- margin-top: 10px;
+ // margin-top: 10px;
+ padding: 10px 100px 35px 100px;
+ margin-top: -200;
+ background: c-white;
}
/*