From 99027e686d6a5c2184ca8c000e12f96c92b27faa Mon Sep 17 00:00:00 2001 From: Neil Smith Date: Wed, 31 Oct 2018 08:34:31 +0000 Subject: [PATCH] Updated theme to Ghost 2.1 --- assets/css/styles.css | 2 +- default.hbs | 12 +++ package.json | 13 +++- source/sass/components/_post-view.scss | 102 ++++++++++++++++++++++++- 4 files changed, 122 insertions(+), 7 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index cc5983f..5efe707 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1 +1 @@ -/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}body,html{height:100%}body{color:#555;font-size:14px;min-width:320px;line-height:1.5;background:#f7f7f7;font-family:'Merriweather', serif}a{outline:none;color:#555;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;text-decoration:none}a:hover{color:#888}h1{margin:0;font-size:1.25em}h2{margin:0;font-size:1.1em}h3{margin:0;font-size:1em}.c-site-wrapper{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.c-site-viewport{width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}@media (max-width: 1024px){.c-site-viewport{-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms}}@media (max-width: 1024px){[data-menu-visible="1"] .c-site-viewport{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px)}}.c-site-sidebar{width:300px;height:100%;position:absolute;top:0;z-index:1;text-align:center}@media (min-width: 1025px){.c-site-sidebar{left:0}}@media (max-width: 1024px){.c-site-sidebar{left:-300px}}.c-sidebar-header{height:100px;position:relative;margin-bottom:65px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:50% 50%}.c-sidebar-header__link,.c-sidebar-header__image{width:80px;height:80px;display:block}.c-sidebar-header__image{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;border:2px solid #fff}.c-sidebar-header__link{left:50%;bottom:-40px;z-index:1;position:absolute;margin-left:-40px}.c-sidebar-blog-description{padding:0 20px;font-size:0.9em;color:#888;margin-bottom:20px;font-weight:normal}.c-sidebar-blog-title{padding:0 15px;font-size:1.25em;margin-bottom:20px}.c-sidebar-contact-links{font-size:0.9em;margin-bottom:20px;padding:0 15px 20px;border-bottom:1px solid #eaeaea}.c-sidebar-contact-links__item{padding:0 5px}.c-sidebar-navigation{font-size:0.9em;margin-bottom:20px;padding:0 15px 20px;border-bottom:1px solid #eaeaea}.c-sidebar-navigation__item{padding:5px;font-weight:bold;display:inline-block}.c-sidebar-promotion-links{font-size:0.9em;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eaeaea}.c-sidebar-promotion-links__item{padding:5px 15px;display:block}.c-site-content{min-height:100vh;max-width:1000px;background:#fff;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}@media (max-width: 1024px){.c-site-content{padding:20px}}@media (min-width: 1025px){.c-site-content{padding:30px;margin-left:300px}}.c-mobile-header{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #eaeaea}@media (min-width: 1025px){.c-mobile-header{display:none}}.c-mobile-header__link,.c-mobile-header__logo,.c-mobile-header__logo__image{height:40px;line-height:40px}.c-mobile-header__link{font-weight:bold}.c-mobile-header__logo{float:right}.c-mobile-header__logo__image{width:40px;height:40px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}.c-error-message{line-height:2;text-align:center;color:#888}.c-post-list__item{margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #eaeaea}@media (min-width: 1200px){.c-post-list__item{width:31.33333%;float:left;margin-right:3%}.c-post-list__item:nth-child(3n){margin-right:0}.c-post-list__item:nth-child(3n+1){clear:left}}@media (max-width: 1199px) and (min-width: 880px){.c-post-list__item{width:48%;float:left;margin-right:4%}.c-post-list__item:nth-child(2n){margin-right:0}.c-post-list__item:nth-child(2n+1){clear:left}}.c-post-list__image{display:block;margin-bottom:15px}.c-post-list__image:hover{opacity:0.8}.c-post-list__image__img{width:100%;display:block}.c-post-list__title{font-size:1.1em;line-height:1.4;margin-bottom:10px}.c-post-list__meta{font-size:0.9em;font-style:italic;color:#888}.c-post-list__meta__tags{text-transform:lowercase}img[src$="#left"]{max-width:30%;float:left}img[src$="#right"]{max-width:30%;float:right}img[src$="#full"]{max-width:none;width:100vw}.c-post-view__footer{text-align:center;margin-top:30px;padding:30px 0 10px;border-top:1px solid #eaeaea}.c-post-full-image{height:800px;margin:0 -10vw -165px;background:var(--#d3d3d3) 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}}.c-post-view-meta{line-height:2;font-size:0.9em;font-style:italic;color:#888}.c-post-view-meta__tags{text-transform:lowercase}.c-page-title__heading+.c-post-view-meta{padding:10px 100px 35px 100px;margin-top:-200;background:c-white}.c-post-view-share__item{float:left;width:100%;padding:10px;margin:1px 0;color:#fff;font-size:0.9em;font-weight:bold}@media (min-width: 550px){.c-post-view-share__item{width:33.333%}}.c-post-view-share__item:hover{opacity:0.9;color:#fff}.c-post-view-share__item--twitter{background:#4099FF}.c-post-view-share__item--facebook{background:#3B5998}.c-post-view-share__item--google{background:#d34836}.c-post-view-prev-next{margin-top:30px;padding-top:30px;border-top:1px solid #eaeaea}@media (min-width: 700px){.c-post-view-prev-next__item{width:48%;float:left;margin-right:4%}.c-post-view-prev-next__item:nth-child(2n){margin-right:0}.c-post-view-prev-next__item:nth-child(2n+1){clear:left}}@media (max-width: 701px){.c-post-view-prev-next__item:first-child{margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #eaeaea}}.c-post-view-prev-next__image{margin-bottom:15px;position:relative;display:block}.c-post-view-prev-next__image:hover{opacity:0.8}.c-post-view-prev-next__image__img{width:100%;display:block}.c-post-view-prev-next__image--placeholder{opacity:0.8;padding-top:50%;background:#eaeaea}.c-post-view-prev-next__image__label{top:10px;color:#fff;position:absolute;padding:10px 15px;background:rgba(85,85,85,0.5)}.c-post-view-prev-next__image__label--next{left:10px}.c-post-view-prev-next__image__label--previous{right:10px}.c-post-pagination__item--older{float:right}.c-page-title{text-align:center;margin-top:-150px;margin-bottom:40px;margin-left:100px;margin-right:100px;padding:70px 30px 35px;border-bottom:1px solid #eaeaea;background:#fff}.c-page-title__heading__tag{text-transform:lowercase}.c-post-full-image{width:100%;height:300px;margin:0px auto;background-position:center top;background-repeat:no-repeat;background-size:cover}.c-author-page{text-align:center;margin-bottom:40px;padding:10px 0 40px;border-bottom:1px solid #eaeaea}.c-author-page__image{margin-bottom:20px}.c-author-page__image__src{width:100px;height:100px;display:block;margin:0 auto;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}.c-author-page__bio{max-width:580px;font-size:0.9em;color:#888;font-weight:normal;margin:20px auto 0}.c-author-page__meta{margin-top:20px;font-size:0.9em;color:#888}.c-disqus-comments{margin-top:30px;padding-top:30px;border-top:1px solid #eaeaea}.c-disqus-comments__button{display:block;cursor:pointer;margin-top:10px;padding:20px 25px;background:#eaeaea}.clear:after,.c-mobile-header:after,.c-post-list:after,.c-post-view-share:after,.c-post-view-prev-next:after,.c-post-pagination:after{content:"";clear:both;display:table}.markdown,.c-post-view__content{line-height:2}.markdown h1,.c-post-view__content h1,.markdown h2,.c-post-view__content h2,.markdown h3,.c-post-view__content h3,.markdown p,.c-post-view__content p,.markdown ul,.c-post-view__content ul,.markdown blockquote,.c-post-view__content blockquote,.markdown pre,.c-post-view__content pre,.markdown .gist,.c-post-view__content .gist{margin-bottom:30px;word-wrap:break-word}.markdown h1:last-child,.c-post-view__content h1:last-child,.markdown h2:last-child,.c-post-view__content h2:last-child,.markdown h3:last-child,.c-post-view__content h3:last-child,.markdown p:last-child,.c-post-view__content p:last-child,.markdown ul:last-child,.c-post-view__content ul:last-child,.markdown blockquote:last-child,.c-post-view__content blockquote:last-child,.markdown pre:last-child,.c-post-view__content pre:last-child,.markdown .gist:last-child,.c-post-view__content .gist:last-child{margin-bottom:0}.markdown ul,.c-post-view__content ul{padding-left:3em}.markdown a,.c-post-view__content a{text-decoration:underline}.markdown a:hover,.c-post-view__content a:hover{text-decoration:none}.markdown a:hover img,.c-post-view__content a:hover img{opacity:0.8}.markdown img,.c-post-view__content img{width:100%;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.markdown img.inline,.c-post-view__content img.inline{width:auto;display:inline-block}.markdown blockquote,.c-post-view__content blockquote{padding-left:30px;font-style:italic;border-left:4px solid #eaeaea}.markdown hr,.c-post-view__content hr{border:0;height:1px;margin:30px 0;background:#eaeaea}.markdown pre,.c-post-view__content pre{padding:1em;overflow:auto;font-size:0.9em;line-height:1.5;background:#f7f7f7}.markdown code,.c-post-view__content code{background:#f7f7f7}.markdown .gist .gist-file,.c-post-view__content .gist .gist-file{margin-bottom:0} +/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}body,html{height:100%}body{color:#555;font-size:14px;min-width:320px;line-height:1.5;background:#f7f7f7;font-family:'Merriweather', serif}a{outline:none;color:#555;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;text-decoration:none}a:hover{color:#888}h1{margin:0;font-size:1.25em}h2{margin:0;font-size:1.1em}h3{margin:0;font-size:1em}.c-site-wrapper{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.c-site-viewport{width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}@media (max-width: 1024px){.c-site-viewport{-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms}}@media (max-width: 1024px){[data-menu-visible="1"] .c-site-viewport{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px)}}.c-site-sidebar{width:300px;height:100%;position:absolute;top:0;z-index:1;text-align:center}@media (min-width: 1025px){.c-site-sidebar{left:0}}@media (max-width: 1024px){.c-site-sidebar{left:-300px}}.c-sidebar-header{height:100px;position:relative;margin-bottom:65px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:50% 50%}.c-sidebar-header__link,.c-sidebar-header__image{width:80px;height:80px;display:block}.c-sidebar-header__image{-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;border:2px solid #fff}.c-sidebar-header__link{left:50%;bottom:-40px;z-index:1;position:absolute;margin-left:-40px}.c-sidebar-blog-description{padding:0 20px;font-size:0.9em;color:#888;margin-bottom:20px;font-weight:normal}.c-sidebar-blog-title{padding:0 15px;font-size:1.25em;margin-bottom:20px}.c-sidebar-contact-links{font-size:0.9em;margin-bottom:20px;padding:0 15px 20px;border-bottom:1px solid #eaeaea}.c-sidebar-contact-links__item{padding:0 5px}.c-sidebar-navigation{font-size:0.9em;margin-bottom:20px;padding:0 15px 20px;border-bottom:1px solid #eaeaea}.c-sidebar-navigation__item{padding:5px;font-weight:bold;display:inline-block}.c-sidebar-promotion-links{font-size:0.9em;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eaeaea}.c-sidebar-promotion-links__item{padding:5px 15px;display:block}.c-site-content{min-height:100vh;max-width:1000px;background:#fff;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}@media (max-width: 1024px){.c-site-content{padding:20px}}@media (min-width: 1025px){.c-site-content{padding:30px;margin-left:300px}}.c-mobile-header{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #eaeaea}@media (min-width: 1025px){.c-mobile-header{display:none}}.c-mobile-header__link,.c-mobile-header__logo,.c-mobile-header__logo__image{height:40px;line-height:40px}.c-mobile-header__link{font-weight:bold}.c-mobile-header__logo{float:right}.c-mobile-header__logo__image{width:40px;height:40px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}.c-error-message{line-height:2;text-align:center;color:#888}.c-post-list__item{margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #eaeaea}@media (min-width: 1200px){.c-post-list__item{width:31.33333%;float:left;margin-right:3%}.c-post-list__item:nth-child(3n){margin-right:0}.c-post-list__item:nth-child(3n+1){clear:left}}@media (max-width: 1199px) and (min-width: 880px){.c-post-list__item{width:48%;float:left;margin-right:4%}.c-post-list__item:nth-child(2n){margin-right:0}.c-post-list__item:nth-child(2n+1){clear:left}}.c-post-list__image{display:block;margin-bottom:15px}.c-post-list__image:hover{opacity:0.8}.c-post-list__image__img{width:100%;display:block}.c-post-list__title{font-size:1.1em;line-height:1.4;margin-bottom:10px}.c-post-list__meta{font-size:0.9em;font-style:italic;color:#888}.c-post-list__meta__tags{text-transform:lowercase}img[src$="#left"]{max-width:30%;float:left}img[src$="#right"]{max-width:30%;float:right}img[src$="#full"]{max-width:none;width:100vw}.kg-width-wide img{max-width:85vw}.kg-width-full img{max-width:100vw}.c-post-view__content figcaption{font-size:80%;line-height:1.6em;text-align:center}.kg-image-card,.kg-gallery-card{margin:0 0 1.5em}.kg-image-card figcaption,.kg-gallery-card figcaption{margin:-1.0em 0 1.5em}.kg-embed-card{display:flex;flex-direction:column;align-items:center;margin:1.5em 0 3em;min-width:100%}.kg-embed-card figcaption{margin:0.5em 0 0}.kg-embed-card .fluid-width-video-wrapper{margin:0}.kg-image-full+figcaption{padding:0 1.5em}.kg-gallery-container{display:flex;flex-direction:column;margin:1.5em auto;max-width:1040px;width:100vw}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:0.75em 0 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 0.75em}.c-post-view__footer{text-align:center;margin-top:30px;padding:30px 0 10px;border-top:1px solid #eaeaea}.c-post-full-image{height:800px;margin:0 -10vw -165px;background:var(--#d3d3d3) center bottom;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}}.c-post-view-meta{line-height:2;font-size:0.9em;font-style:italic;color:#888}.c-post-view-meta__tags{text-transform:lowercase}.c-page-title__heading+.c-post-view-meta{padding:10px 100px 35px 100px;margin-top:-200;background:c-white}.c-post-view-share__item{float:left;width:100%;padding:10px;margin:1px 0;color:#fff;font-size:0.9em;font-weight:bold}@media (min-width: 550px){.c-post-view-share__item{width:33.333%}}.c-post-view-share__item:hover{opacity:0.9;color:#fff}.c-post-view-share__item--twitter{background:#4099FF}.c-post-view-share__item--facebook{background:#3B5998}.c-post-view-share__item--google{background:#d34836}.c-post-view-prev-next{margin-top:30px;padding-top:30px;border-top:1px solid #eaeaea}@media (min-width: 700px){.c-post-view-prev-next__item{width:48%;float:left;margin-right:4%}.c-post-view-prev-next__item:nth-child(2n){margin-right:0}.c-post-view-prev-next__item:nth-child(2n+1){clear:left}}@media (max-width: 701px){.c-post-view-prev-next__item:first-child{margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #eaeaea}}.c-post-view-prev-next__image{margin-bottom:15px;position:relative;display:block}.c-post-view-prev-next__image:hover{opacity:0.8}.c-post-view-prev-next__image__img{width:100%;display:block}.c-post-view-prev-next__image--placeholder{opacity:0.8;padding-top:50%;background:#eaeaea}.c-post-view-prev-next__image__label{top:10px;color:#fff;position:absolute;padding:10px 15px;background:rgba(85,85,85,0.5)}.c-post-view-prev-next__image__label--next{left:10px}.c-post-view-prev-next__image__label--previous{right:10px}.c-post-pagination__item--older{float:right}.c-page-title{text-align:center;margin-top:-150px;margin-bottom:40px;margin-left:100px;margin-right:100px;padding:70px 30px 35px;border-bottom:1px solid #eaeaea;background:#fff}.c-page-title__heading__tag{text-transform:lowercase}.c-post-full-image{width:100%;height:300px;margin:0px auto;background-position:center top;background-repeat:no-repeat;background-size:cover}.c-author-page{text-align:center;margin-bottom:40px;padding:10px 0 40px;border-bottom:1px solid #eaeaea}.c-author-page__image{margin-bottom:20px}.c-author-page__image__src{width:100px;height:100px;display:block;margin:0 auto;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}.c-author-page__bio{max-width:580px;font-size:0.9em;color:#888;font-weight:normal;margin:20px auto 0}.c-author-page__meta{margin-top:20px;font-size:0.9em;color:#888}.c-disqus-comments{margin-top:30px;padding-top:30px;border-top:1px solid #eaeaea}.c-disqus-comments__button{display:block;cursor:pointer;margin-top:10px;padding:20px 25px;background:#eaeaea}.clear:after,.c-mobile-header:after,.c-post-list:after,.c-post-view-share:after,.c-post-view-prev-next:after,.c-post-pagination:after{content:"";clear:both;display:table}.markdown,.c-post-view__content{line-height:2}.markdown h1,.c-post-view__content h1,.markdown h2,.c-post-view__content h2,.markdown h3,.c-post-view__content h3,.markdown p,.c-post-view__content p,.markdown ul,.c-post-view__content ul,.markdown blockquote,.c-post-view__content blockquote,.markdown pre,.c-post-view__content pre,.markdown .gist,.c-post-view__content .gist{margin-bottom:30px;word-wrap:break-word}.markdown h1:last-child,.c-post-view__content h1:last-child,.markdown h2:last-child,.c-post-view__content h2:last-child,.markdown h3:last-child,.c-post-view__content h3:last-child,.markdown p:last-child,.c-post-view__content p:last-child,.markdown ul:last-child,.c-post-view__content ul:last-child,.markdown blockquote:last-child,.c-post-view__content blockquote:last-child,.markdown pre:last-child,.c-post-view__content pre:last-child,.markdown .gist:last-child,.c-post-view__content .gist:last-child{margin-bottom:0}.markdown ul,.c-post-view__content ul{padding-left:3em}.markdown a,.c-post-view__content a{text-decoration:underline}.markdown a:hover,.c-post-view__content a:hover{text-decoration:none}.markdown a:hover img,.c-post-view__content a:hover img{opacity:0.8}.markdown img,.c-post-view__content img{width:100%;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.markdown img.inline,.c-post-view__content img.inline{width:auto;display:inline-block}.markdown blockquote,.c-post-view__content blockquote{padding-left:30px;font-style:italic;border-left:4px solid #eaeaea}.markdown hr,.c-post-view__content hr{border:0;height:1px;margin:30px 0;background:#eaeaea}.markdown pre,.c-post-view__content pre{padding:1em;overflow:auto;font-size:0.9em;line-height:1.5;background:#f7f7f7}.markdown code,.c-post-view__content code{background:#f7f7f7}.markdown .gist .gist-file,.c-post-view__content .gist .gist-file{margin-bottom:0} diff --git a/default.hbs b/default.hbs index 06b1b41..a9971b8 100644 --- a/default.hbs +++ b/default.hbs @@ -19,5 +19,17 @@ {{ghost_foot}} + + + \ No newline at end of file diff --git a/package.json b/package.json index 834393a..f4d835e 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,10 @@ { - "name": "WillowNeil", - "version": "1.0.0", + "name": "willowneil", + "version": "2.0.0", "main": "Gruntfile.js", "author": { "name": "Raivis Vitols, modified by Neil Smith", + "email": "noreply@njae.me.uk", "url": "https://raivis.com" }, "engines": { @@ -17,5 +18,9 @@ "grunt-sass": "~1.1.0", "grunt-contrib-watch": "~1.0.0", "grunt-contrib-uglify": "~1.0.1" - } -} \ No newline at end of file + }, + "dependencies": { + "node-sass": "^4.9.3" + }, + "keywords": ["ghost-theme"] +} diff --git a/source/sass/components/_post-view.scss b/source/sass/components/_post-view.scss index aeaa58f..c50da6c 100644 --- a/source/sass/components/_post-view.scss +++ b/source/sass/components/_post-view.scss @@ -14,7 +14,105 @@ img[src$="#left"] { max-width:30%; float: left; } img[src$="#right"] { max-width:30%; float: right; } -img[src$="#full"] { max-width:none;width:100vw } +img[src$="#full"] { max-width:none; width:100vw } + +.kg-width-wide img { + max-width: 85vw; +} + +.kg-width-full img { + max-width: 100vw; +} + + +// .kg-width-wide { +// position: relative; +// width: 85vw; +// min-width: 100%; +// margin: auto calc(50% - 50vw); +// transform: translateX(calc(50vw - 50%)); +// } +// +// .kg-width-full { +// position: relative; +// width: 100vw; +// left: 50%; +// right: 50%; +// margin-left: -50vw; +// margin-right: -50vw; +// } + + +.c-post-view__content figcaption { + font-size: 80%; + line-height: 1.6em; + text-align: center; +} + +.kg-image-card, +.kg-gallery-card { + margin: 0 0 1.5em; +} + +.kg-image-card figcaption, +.kg-gallery-card figcaption { + margin: -1.0em 0 1.5em; +} + +.kg-embed-card { + display: flex; + flex-direction: column; + align-items: center; + margin: 1.5em 0 3em; + min-width: 100%; +} + +.kg-embed-card figcaption { + margin: 0.5em 0 0; +} + +.kg-embed-card .fluid-width-video-wrapper { + margin: 0; +} + + +.kg-image-full + figcaption { + padding: 0 1.5em; +} + +.kg-gallery-container { + display: flex; + flex-direction: column; + margin: 1.5em auto; + max-width: 1040px; + width: 100vw; +} + +.kg-gallery-row { + display: flex; + flex-direction: row; + justify-content: center; +} + +.kg-gallery-image img { + display: block; + margin: 0; + width: 100%; + height: 100%; +} + +.kg-gallery-row:not(:first-of-type) { + margin: 0.75em 0 0 0; +} + +.kg-gallery-image:not(:first-of-type) { + margin: 0 0 0 0.75em; +} + + + + + // Footer @@ -29,7 +127,7 @@ img[src$="#full"] { max-width:none;width:100vw } .c-post-full-image { height: 800px; margin: 0 -10vw -165px; - background: var(--lightgrey) center center; + background: var(--lightgrey) center bottom; background-size: cover; border-radius: 5px; } -- 2.34.1