Merge branch 'master' of git.njae.me.uk:ghost-theme-willow into HEAD
authorNeil Smith <neil.git@njae.me.uk>
Mon, 2 Apr 2018 19:57:38 +0000 (20:57 +0100)
committerNeil Smith <neil.git@njae.me.uk>
Mon, 2 Apr 2018 19:57:38 +0000 (20:57 +0100)
1  2 
post.hbs
source/sass/components/_post-view.scss

diff --combined post.hbs
index 650eb23065342d6ef8338e187653866f340e7d3e,17acbd038965b7b4e0ed55b1281c431a8bc9977a..526612ff0878cae7c79d5e272bb4b038bf3f69bb
+++ b/post.hbs
@@@ -1,11 -1,6 +1,11 @@@
  {{!< 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>
index bc7e55178cd09fcc7242255a33b32be3c75d00d3,eafe5305a3fcb7833bea7bfa7902e86b6b191eca..aeaa58f54204303253d6d75f5157320b60267c00
@@@ -25,6 -25,31 +25,31 @@@ img[src$="#full"] { max-width:none;widt
    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;
  }
  
  /*