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:
dragonwocky 2023-11-09 15:47:17 +11:00
parent b9bd9cb491
commit 881a2f8faf
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
3 changed files with 8975 additions and 5324 deletions

View File

@ -25,6 +25,7 @@ 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}}
{{#match @page.show_title_and_feature_image}}
{{!-- Inject styles of the hero image to make it responsive --}} {{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=feature_image}} {{> hero background=feature_image}}
<div class="m-hero__content" data-animate="fade-down"> <div class="m-hero__content" data-animate="fade-down">
@ -33,6 +34,7 @@ into the {body} of the default.hbs template --}}
<p class="m-hero-description">{{custom_excerpt}}</p> <p class="m-hero-description">{{custom_excerpt}}</p>
{{/if}} {{/if}}
</div> </div>
{{/match}}
</section> </section>
<article> <article>
<div class="l-content"> <div class="l-content">

9632
src/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -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 {