feat: update to ghost v5.72.1 (see desc)
- support @page.show_title_and_feature_image option - correctly position announcement bar
This commit is contained in:
parent
b9bd9cb491
commit
881a2f8faf
GPG Key ID:
7998D08F7D7BD7A8
18
page.hbs
18
page.hbs
@ -25,14 +25,16 @@ into the {body} of the default.hbs template --}}
|
|||||||
<main class="main-wrap">
|
<main class="main-wrap">
|
||||||
{{!-- Everything inside the #post tags pulls data from the post --}}
|
{{!-- Everything inside the #post tags pulls data from the post --}}
|
||||||
{{#post}}
|
{{#post}}
|
||||||
{{!-- Inject styles of the hero image to make it responsive --}}
|
{{#match @page.show_title_and_feature_image}}
|
||||||
{{> hero background=feature_image}}
|
{{!-- Inject styles of the hero image to make it responsive --}}
|
||||||
<div class="m-hero__content" data-animate="fade-down">
|
{{> hero background=feature_image}}
|
||||||
<h1 class="m-hero-title bigger">{{title}}</h1>
|
<div class="m-hero__content" data-animate="fade-down">
|
||||||
{{#if custom_excerpt}}
|
<h1 class="m-hero-title bigger">{{title}}</h1>
|
||||||
<p class="m-hero-description">{{custom_excerpt}}</p>
|
{{#if custom_excerpt}}
|
||||||
{{/if}}
|
<p class="m-hero-description">{{custom_excerpt}}</p>
|
||||||
</div>
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
{{/match}}
|
||||||
</section>
|
</section>
|
||||||
<article>
|
<article>
|
||||||
<div class="l-content">
|
<div class="l-content">
|
||||||
|
|||||||
14118
src/package-lock.json
generated
14118
src/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -94,6 +94,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* correctly position announcements bar */
|
||||||
|
body:not(.home-template) {
|
||||||
|
--announcement-bar-height: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* disable fade down animation on nav */
|
/* disable fade down animation on nav */
|
||||||
.m-header {
|
.m-header {
|
||||||
--show-fade-animation: 0;
|
--show-fade-animation: 0;
|
||||||
@ -289,164 +294,6 @@ body:not(.home-template) {
|
|||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* icons from https://lucide.dev */
|
|
||||||
.icon-plus {
|
|
||||||
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXBsdXMiPjxwYXRoIGQ9Ik01IDEyaDE0Ii8+PHBhdGggZD0iTTEyIDV2MTQiLz48L3N2Zz4=);
|
|
||||||
}
|
|
||||||
.icon-minus {
|
|
||||||
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1pbnVzIj48cGF0aCBkPSJNNSAxMmgxNCIvPjwvc3ZnPg==);
|
|
||||||
}
|
|
||||||
.icon-check-circle {
|
|
||||||
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWNpcmNsZSI+PHBhdGggZD0iTTIyIDExLjA4VjEyYTEwIDEwIDAgMSAxLTUuOTMtOS4xNCIvPjxwb2x5bGluZSBwb2ludHM9IjIyIDQgMTIgMTQuMDEgOSAxMS4wMSIvPjwvc3ZnPg==);
|
|
||||||
}
|
|
||||||
.icon-plus,
|
|
||||||
.icon-minus,
|
|
||||||
.icon-check-circle {
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
mask-repeat: no-repeat;
|
|
||||||
mask-size: 100% 100%;
|
|
||||||
background-color: currentColor;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* payment buttons */
|
|
||||||
.paypal-cart {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
.paypal-item,
|
|
||||||
.paypal-confirmation {
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 5px;
|
|
||||||
display: flex;
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.2px;
|
|
||||||
line-height: 1;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.paypal-item {
|
|
||||||
border: 1px solid rgb(124 139 154/25%);
|
|
||||||
margin-bottom: 14px;
|
|
||||||
&::before {
|
|
||||||
content: " ($" attr(data-cost) ") x " attr(data-count);
|
|
||||||
padding: 13px 25px 13px 0;
|
|
||||||
white-space: pre;
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
&:is([data-count="0"], :not([data-count])) {
|
|
||||||
/* prevent ordering <0 items */
|
|
||||||
&::before {
|
|
||||||
content: " ($" attr(data-cost) ") x 0";
|
|
||||||
}
|
|
||||||
.paypal-item-remove {
|
|
||||||
pointer-events: none;
|
|
||||||
cursor: default;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.paypal-item-name {
|
|
||||||
padding: 13px 0 13px 25px;
|
|
||||||
order: 0;
|
|
||||||
}
|
|
||||||
.paypal-item-remove {
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
.paypal-item-add {
|
|
||||||
margin-left: 8px;
|
|
||||||
margin-right: 13px;
|
|
||||||
}
|
|
||||||
.paypal-item-remove,
|
|
||||||
.paypal-item-add {
|
|
||||||
width: 28px;
|
|
||||||
height: 32px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 0;
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.paypal-order {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 14px;
|
|
||||||
.paypal-order-total {
|
|
||||||
margin: 0 0 0 auto;
|
|
||||||
@media screen and (min-width: 24rem) and (max-width: $break-small) {
|
|
||||||
margin: 0 auto 0 0;
|
|
||||||
}
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.paypal-order-checkout {
|
|
||||||
width: 100%;
|
|
||||||
@media screen and (min-width: 24rem) {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
display: flex !important;
|
|
||||||
align-items: normal !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
&,
|
|
||||||
.paypal-checkout-logo {
|
|
||||||
transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1) !important;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
color: $white !important;
|
|
||||||
}
|
|
||||||
:first-child {
|
|
||||||
margin-right: 13px;
|
|
||||||
}
|
|
||||||
.paypal-checkout-logo {
|
|
||||||
height: 42px;
|
|
||||||
width: 115.94px;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 11px 23px 11px 13px;
|
|
||||||
margin: -13px -26px -15px auto;
|
|
||||||
background-color: $white;
|
|
||||||
background-image: url(https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_150x38.png);
|
|
||||||
background-size: contain;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-origin: content-box;
|
|
||||||
border-top-right-radius: 5px;
|
|
||||||
border-bottom-right-radius: 5px;
|
|
||||||
}
|
|
||||||
&:focus .paypal-checkout-logo {
|
|
||||||
width: 113.94px;
|
|
||||||
height: 38px;
|
|
||||||
padding-top: 9px;
|
|
||||||
padding-bottom: 9px;
|
|
||||||
padding-right: 21px;
|
|
||||||
margin-right: -24px;
|
|
||||||
margin-top: -11px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.paypal-confirmation {
|
|
||||||
display: none;
|
|
||||||
color: rgba(52, 183, 67, 0.94);
|
|
||||||
background: rgba(52, 183, 67, 0.16);
|
|
||||||
margin-top: 14px;
|
|
||||||
&::before {
|
|
||||||
content: "";
|
|
||||||
font-size: 20px;
|
|
||||||
margin: auto 0 auto 25px;
|
|
||||||
@extend .icon-check-circle;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
padding: 13px 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.javascript-required {
|
|
||||||
color: #ff4a4a;
|
|
||||||
font-size: 1rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* page cover sizing & readability (inc. uncropped post covers) */
|
/* page cover sizing & readability (inc. uncropped post covers) */
|
||||||
.m-hero-title.bigger,
|
.m-hero-title.bigger,
|
||||||
.m-hero-description.bigger {
|
.m-hero-description.bigger {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user