@biggive/components 1.0.108 → 1.0.110
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-117da52d.entry.js +1 -0
- package/dist/biggive/{p-41c6f1f3.entry.js → p-ee6005eb.entry.js} +1 -1
- package/dist/cjs/biggive-back-to-top_23.cjs.entry.js +2 -2
- package/dist/cjs/biggive-basic-card.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +1 -0
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.stories.js +9 -9
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +1 -1
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +1 -0
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/esm/biggive-back-to-top_23.entry.js +2 -2
- package/dist/esm/biggive-basic-card.entry.js +1 -1
- package/hydrate/index.js +3 -3
- package/package.json +1 -1
- package/dist/biggive/p-83e0096d.entry.js +0 -1
|
@@ -202,7 +202,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
render() {
|
|
205
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), index.h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "
|
|
205
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), index.h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "mostRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), index.h("div", { class: "filter-wrap" }, index.h("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, index.h("span", { class: "filter-icon" }, index.h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), index.h("biggive-popup", { id: "filter-popup" }, index.h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), index.h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), index.h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), index.h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), index.h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), index.h("div", { class: "align-right" }, index.h("button", { class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
206
206
|
}
|
|
207
207
|
get el() { return index.getElement(this); }
|
|
208
208
|
};
|
|
@@ -408,7 +408,7 @@ const BiggiveHeading = class {
|
|
|
408
408
|
};
|
|
409
409
|
BiggiveHeading.style = biggiveHeadingCss;
|
|
410
410
|
|
|
411
|
-
const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;padding:180px 60px 60px 0}.container .content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{display:none}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 768px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%;padding:25vw 15px 15px 15px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
411
|
+
const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:180px 60px 60px 0}.container .content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{display:none}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 768px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%;padding:25vw 15px 15px 15px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
412
412
|
|
|
413
413
|
const BiggiveHeroImage = class {
|
|
414
414
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-ecfc2713.js');
|
|
6
6
|
|
|
7
|
-
const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px}.container .sleeve{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
|
|
7
|
+
const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;white-space:pre-wrap}.container .sleeve{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
|
|
8
8
|
|
|
9
9
|
const BiggiveBasicCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -20,18 +20,18 @@ export default {
|
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
22
|
const Template = args => `
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
23
|
+
<biggive-branded-image
|
|
24
|
+
space-below="${args.spaceBelow}"
|
|
25
|
+
image-url="${args.imageUrl}"
|
|
26
|
+
logo-url="${args.logoUrl}"
|
|
27
|
+
slug="${args.slug}"
|
|
28
|
+
>
|
|
29
|
+
</biggive-branded-image>
|
|
30
|
+
`;
|
|
31
31
|
export const BrandedImageComponent = Template.bind({});
|
|
32
32
|
BrandedImageComponent.args = {
|
|
33
33
|
spaceBelow: 4,
|
|
34
34
|
imageUrl: 'https://media.istockphoto.com/vectors/childish-seamless-dotted-pattern-with-colorful-doodle-letters-fun-vector-id1208462693',
|
|
35
35
|
logoUrl: 'https://99designs-blog.imgix.net/blog/wp-content/uploads/2018/10/attachment_98611730-e1539290946446.png?auto=format&q=60&fit=max&w=930',
|
|
36
|
-
slug: '
|
|
36
|
+
slug: 'white',
|
|
37
37
|
};
|
|
@@ -85,7 +85,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, h("biggive-form-field-select-option", { value: "
|
|
88
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, h("biggive-form-field-select-option", { value: "mostRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, h("span", { class: "filter-icon" }, h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), h("div", { class: "align-right" }, h("button", { class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "biggive-campaign-card-filter-grid"; }
|
|
91
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './biggive-button2.js';
|
|
3
3
|
|
|
4
|
-
const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px}.container .sleeve{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
|
|
4
|
+
const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;white-space:pre-wrap}.container .sleeve{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
|
|
5
5
|
|
|
6
6
|
const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -95,7 +95,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
render() {
|
|
98
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, h("biggive-form-field-select-option", { value: "
|
|
98
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, h("biggive-form-field-select-option", { value: "mostRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, h("span", { class: "filter-icon" }, h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), h("div", { class: "align-right" }, h("button", { class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
99
99
|
}
|
|
100
100
|
get el() { return this; }
|
|
101
101
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './biggive-button2.js';
|
|
3
3
|
|
|
4
|
-
const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;padding:180px 60px 60px 0}.container .content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{display:none}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 768px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%;padding:25vw 15px 15px 15px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
4
|
+
const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:180px 60px 60px 0}.container .content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{display:none}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 768px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%;padding:25vw 15px 15px 15px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
5
5
|
|
|
6
6
|
const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -198,7 +198,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
200
|
render() {
|
|
201
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, h("biggive-form-field-select-option", { value: "
|
|
201
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, h("biggive-form-field-select-option", { value: "mostRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, h("span", { class: "filter-icon" }, h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), h("div", { class: "align-right" }, h("button", { class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
202
202
|
}
|
|
203
203
|
get el() { return getElement(this); }
|
|
204
204
|
};
|
|
@@ -404,7 +404,7 @@ const BiggiveHeading = class {
|
|
|
404
404
|
};
|
|
405
405
|
BiggiveHeading.style = biggiveHeadingCss;
|
|
406
406
|
|
|
407
|
-
const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;padding:180px 60px 60px 0}.container .content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{display:none}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 768px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%;padding:25vw 15px 15px 15px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
407
|
+
const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:180px 60px 60px 0}.container .content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{display:none}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 768px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%;padding:25vw 15px 15px 15px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
408
408
|
|
|
409
409
|
const BiggiveHeroImage = class {
|
|
410
410
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-b3c47751.js';
|
|
2
2
|
|
|
3
|
-
const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px}.container .sleeve{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
|
|
3
|
+
const biggiveBasicCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;white-space:pre-wrap}.container .sleeve{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container h3{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}";
|
|
4
4
|
|
|
5
5
|
const BiggiveBasicCard = class {
|
|
6
6
|
constructor(hostRef) {
|
package/hydrate/index.js
CHANGED
|
@@ -5993,7 +5993,7 @@ class BiggiveBackToTop {
|
|
|
5993
5993
|
}; }
|
|
5994
5994
|
}
|
|
5995
5995
|
|
|
5996
|
-
const biggiveBasicCardCss = "/*!@body*/body.sc-biggive-basic-card{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-basic-card,h3.sc-biggive-basic-card,h4.sc-biggive-basic-card,h5.sc-biggive-basic-card,h6.sc-biggive-basic-card{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-basic-card,.heading-1.sc-biggive-basic-card{font-size:50px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-basic-card,.heading-2.sc-biggive-basic-card{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-basic-card,.heading-3.sc-biggive-basic-card{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-basic-card,.heading-4.sc-biggive-basic-card{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-basic-card,.heading-5.sc-biggive-basic-card{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-basic-card{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-basic-card:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-basic-card{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-basic-card{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-basic-card{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-basic-card{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-basic-card{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-basic-card:hover,.text-colour-primary.sc-biggive-basic-card{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-basic-card:hover,.text-colour-secondary.sc-biggive-basic-card{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-basic-card:hover,.text-colour-tertiary.sc-biggive-basic-card{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-basic-card:hover,.text-colour-white.sc-biggive-basic-card{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-basic-card:hover,.text-colour-black.sc-biggive-basic-card{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-basic-card{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-basic-card{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-basic-card{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-basic-card{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-basic-card{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-basic-card{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-basic-card:hover,.background-colour-primary.sc-biggive-basic-card{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-basic-card:hover,.background-colour-secondary.sc-biggive-basic-card{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-basic-card:hover,.background-colour-tertiary.sc-biggive-basic-card{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-basic-card:hover,.background-colour-white.sc-biggive-basic-card{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-basic-card:hover,.background-colour-black.sc-biggive-basic-card{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-basic-card{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-basic-card{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-basic-card:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-basic-card:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-basic-card{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-basic-card:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-basic-card{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-basic-card{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-basic-card{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-basic-card{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-basic-card:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-basic-card{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-basic-card:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-basic-card{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-basic-card:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-basic-card{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-basic-card:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-basic-card{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-basic-card:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-basic-card{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-basic-card:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-basic-card{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-basic-card:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-basic-card{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-basic-card:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-basic-card{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-basic-card:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-basic-card{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-basic-card{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-basic-card{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-basic-card .slider.sc-biggive-basic-card{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-basic-card .slider.sc-biggive-basic-card:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-basic-card .slider.sc-biggive-basic-card .progress.sc-biggive-basic-card{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-basic-card .counter.sc-biggive-basic-card{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-basic-card .slider.sc-biggive-basic-card .progress.sc-biggive-basic-card{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-basic-card .counter.sc-biggive-basic-card{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-basic-card .slider.sc-biggive-basic-card .progress.sc-biggive-basic-card{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-basic-card .counter.sc-biggive-basic-card{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-basic-card{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-basic-card iframe.sc-biggive-basic-card,.video-wrap.sc-biggive-basic-card video.sc-biggive-basic-card{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-basic-card img.sc-biggive-basic-card{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-basic-card{text-align:left}/*!@.align-right*/.align-right.sc-biggive-basic-card{text-align:right}/*!@.align-center*/.align-center.sc-biggive-basic-card{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-basic-card{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-basic-card{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-basic-card{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-basic-card{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-basic-card{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-basic-card{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-basic-card{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-basic-card{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-basic-card{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-basic-card{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-basic-card{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-basic-card{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-basic-card{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-basic-card{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-basic-card{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-basic-card{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-basic-card{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-basic-card{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-basic-card{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-basic-card{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-basic-card{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-basic-card{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-basic-card{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-basic-card{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-basic-card{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-basic-card{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-basic-card{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-basic-card-h{display:contents}/*!@.container*/.container.sc-biggive-basic-card{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px}/*!@.container .sleeve*/.container.sc-biggive-basic-card .sleeve.sc-biggive-basic-card{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}/*!@.container .icon svg*/.container.sc-biggive-basic-card .icon.sc-biggive-basic-card svg.sc-biggive-basic-card{width:50px;height:auto}/*!@.container h3*/.container.sc-biggive-basic-card h3.sc-biggive-basic-card{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}/*!@.container .subtitle*/.container.sc-biggive-basic-card .subtitle.sc-biggive-basic-card{margin-bottom:15px}";
|
|
5996
|
+
const biggiveBasicCardCss = "/*!@body*/body.sc-biggive-basic-card{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-basic-card,h3.sc-biggive-basic-card,h4.sc-biggive-basic-card,h5.sc-biggive-basic-card,h6.sc-biggive-basic-card{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-basic-card,.heading-1.sc-biggive-basic-card{font-size:50px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-basic-card,.heading-2.sc-biggive-basic-card{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-basic-card,.heading-3.sc-biggive-basic-card{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-basic-card,.heading-4.sc-biggive-basic-card{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-basic-card,.heading-5.sc-biggive-basic-card{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-basic-card{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-basic-card:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-basic-card{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-basic-card{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-basic-card{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-basic-card{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-basic-card{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-basic-card:hover,.text-colour-primary.sc-biggive-basic-card{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-basic-card:hover,.text-colour-secondary.sc-biggive-basic-card{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-basic-card:hover,.text-colour-tertiary.sc-biggive-basic-card{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-basic-card:hover,.text-colour-white.sc-biggive-basic-card{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-basic-card:hover,.text-colour-black.sc-biggive-basic-card{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-basic-card{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-basic-card{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-basic-card{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-basic-card{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-basic-card{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-basic-card{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-basic-card:hover,.background-colour-primary.sc-biggive-basic-card{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-basic-card:hover,.background-colour-secondary.sc-biggive-basic-card{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-basic-card:hover,.background-colour-tertiary.sc-biggive-basic-card{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-basic-card:hover,.background-colour-white.sc-biggive-basic-card{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-basic-card:hover,.background-colour-black.sc-biggive-basic-card{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-basic-card{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-basic-card{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-basic-card:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-basic-card:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-basic-card{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-basic-card:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-basic-card{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-basic-card{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-basic-card{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-basic-card{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-basic-card:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-basic-card{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-basic-card:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-basic-card{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-basic-card:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-basic-card{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-basic-card:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-basic-card{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-basic-card:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-basic-card{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-basic-card:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-basic-card{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-basic-card:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-basic-card{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-basic-card:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-basic-card{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-basic-card:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-basic-card{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-basic-card{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-basic-card{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-basic-card .slider.sc-biggive-basic-card{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-basic-card .slider.sc-biggive-basic-card:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-basic-card .slider.sc-biggive-basic-card .progress.sc-biggive-basic-card{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-basic-card .counter.sc-biggive-basic-card{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-basic-card .slider.sc-biggive-basic-card .progress.sc-biggive-basic-card{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-basic-card .counter.sc-biggive-basic-card{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-basic-card .slider.sc-biggive-basic-card .progress.sc-biggive-basic-card{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-basic-card .counter.sc-biggive-basic-card{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-basic-card{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-basic-card iframe.sc-biggive-basic-card,.video-wrap.sc-biggive-basic-card video.sc-biggive-basic-card{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-basic-card img.sc-biggive-basic-card{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-basic-card{text-align:left}/*!@.align-right*/.align-right.sc-biggive-basic-card{text-align:right}/*!@.align-center*/.align-center.sc-biggive-basic-card{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-basic-card{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-basic-card{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-basic-card{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-basic-card{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-basic-card{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-basic-card{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-basic-card{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-basic-card{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-basic-card{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-basic-card{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-basic-card{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-basic-card{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-basic-card{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-basic-card{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-basic-card{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-basic-card{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-basic-card{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-basic-card{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-basic-card{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-basic-card{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-basic-card{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-basic-card{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-basic-card{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-basic-card{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-basic-card{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-basic-card{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-basic-card{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-basic-card-h{display:contents}/*!@.container*/.container.sc-biggive-basic-card{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;white-space:pre-wrap}/*!@.container .sleeve*/.container.sc-biggive-basic-card .sleeve.sc-biggive-basic-card{padding:30px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}/*!@.container .icon svg*/.container.sc-biggive-basic-card .icon.sc-biggive-basic-card svg.sc-biggive-basic-card{width:50px;height:auto}/*!@.container h3*/.container.sc-biggive-basic-card h3.sc-biggive-basic-card{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}/*!@.container .subtitle*/.container.sc-biggive-basic-card .subtitle.sc-biggive-basic-card{margin-bottom:15px}";
|
|
5997
5997
|
|
|
5998
5998
|
class BiggiveBasicCard {
|
|
5999
5999
|
constructor(hostRef) {
|
|
@@ -6619,7 +6619,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6619
6619
|
}
|
|
6620
6620
|
}
|
|
6621
6621
|
render() {
|
|
6622
|
-
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), hAsync("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "
|
|
6622
|
+
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), hAsync("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "mostRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, hAsync("span", { class: "filter-icon" }, hAsync("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), hAsync("div", { class: "align-right" }, hAsync("button", { class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6623
6623
|
}
|
|
6624
6624
|
get el() { return getElement(this); }
|
|
6625
6625
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
|
@@ -7017,7 +7017,7 @@ class BiggiveHeading {
|
|
|
7017
7017
|
}; }
|
|
7018
7018
|
}
|
|
7019
7019
|
|
|
7020
|
-
const biggiveHeroImageCss = "/*!@body*/body.sc-biggive-hero-image{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-hero-image,h3.sc-biggive-hero-image,h4.sc-biggive-hero-image,h5.sc-biggive-hero-image,h6.sc-biggive-hero-image{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-hero-image,.heading-1.sc-biggive-hero-image{font-size:50px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-hero-image,.heading-2.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-hero-image,.heading-3.sc-biggive-hero-image{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-hero-image,.heading-4.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-hero-image,.heading-5.sc-biggive-hero-image{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-hero-image{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-hero-image:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-hero-image{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-hero-image:hover,.text-colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-hero-image:hover,.text-colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-hero-image:hover,.text-colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-hero-image:hover,.text-colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-hero-image:hover,.text-colour-black.sc-biggive-hero-image{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-hero-image{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-hero-image{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-hero-image{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-hero-image{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-hero-image{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-hero-image{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-hero-image:hover,.background-colour-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-hero-image:hover,.background-colour-secondary.sc-biggive-hero-image{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-hero-image:hover,.background-colour-tertiary.sc-biggive-hero-image{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-hero-image:hover,.background-colour-white.sc-biggive-hero-image{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-hero-image:hover,.background-colour-black.sc-biggive-hero-image{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-hero-image{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-hero-image:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-hero-image:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-hero-image{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-hero-image:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-hero-image{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-hero-image{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-hero-image{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-hero-image:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-hero-image{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-hero-image{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-hero-image{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-hero-image:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-hero-image{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-hero-image:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-hero-image{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-hero-image{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-hero-image{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-hero-image{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-hero-image:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-hero-image{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-hero-image{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-hero-image .counter.sc-biggive-hero-image{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-hero-image{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-hero-image iframe.sc-biggive-hero-image,.video-wrap.sc-biggive-hero-image video.sc-biggive-hero-image{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-hero-image{text-align:left}/*!@.align-right*/.align-right.sc-biggive-hero-image{text-align:right}/*!@.align-center*/.align-center.sc-biggive-hero-image{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-hero-image{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-hero-image{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-hero-image{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-hero-image{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-hero-image{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-hero-image{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-hero-image{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-hero-image{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-hero-image{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-hero-image{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-hero-image{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-hero-image{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-hero-image{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-hero-image{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-hero-image{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-hero-image{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-hero-image{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-hero-image{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-hero-image{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-hero-image{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-hero-image{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-hero-image{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-hero-image{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-hero-image{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-hero-image{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-hero-image{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-hero-image{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-hero-image-h{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container*/.container.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}/*!@.container.colour-scheme-primary*/.container.colour-scheme-primary.sc-biggive-hero-image{color:#2C089B}/*!@.container.colour-scheme-secondary*/.container.colour-scheme-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.container.colour-scheme-tertiary*/.container.colour-scheme-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.container.colour-scheme-white*/.container.colour-scheme-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.container.colour-scheme-black*/.container.colour-scheme-black.sc-biggive-hero-image{color:#000000}/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}/*!@.container .content-wrap*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:40%;position:relative;z-index:1;padding:180px 60px 60px 0}/*!@.container .content-wrap .logo*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}/*!@.container .content-wrap .slug*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .slug.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}/*!@.container .content-wrap .teaser*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .teaser.sc-biggive-hero-image{margin:0 0 45px 0;padding:0}/*!@.container .graphic-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}/*!@.container .graphic-wrap .image-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}/*!@.container .graphic-wrap .image-wrap img*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}@media screen and (max-width: 768px){/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:100%;padding:25vw 15px 15px 15px}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
7020
|
+
const biggiveHeroImageCss = "/*!@body*/body.sc-biggive-hero-image{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-hero-image,h3.sc-biggive-hero-image,h4.sc-biggive-hero-image,h5.sc-biggive-hero-image,h6.sc-biggive-hero-image{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-hero-image,.heading-1.sc-biggive-hero-image{font-size:50px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-hero-image,.heading-2.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-hero-image,.heading-3.sc-biggive-hero-image{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-hero-image,.heading-4.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-hero-image,.heading-5.sc-biggive-hero-image{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-hero-image{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-hero-image:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-hero-image{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-hero-image:hover,.text-colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-hero-image:hover,.text-colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-hero-image:hover,.text-colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-hero-image:hover,.text-colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-hero-image:hover,.text-colour-black.sc-biggive-hero-image{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-hero-image{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-hero-image{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-hero-image{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-hero-image{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-hero-image{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-hero-image{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-hero-image:hover,.background-colour-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-hero-image:hover,.background-colour-secondary.sc-biggive-hero-image{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-hero-image:hover,.background-colour-tertiary.sc-biggive-hero-image{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-hero-image:hover,.background-colour-white.sc-biggive-hero-image{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-hero-image:hover,.background-colour-black.sc-biggive-hero-image{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-hero-image{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-hero-image:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-hero-image:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-hero-image{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-hero-image:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-hero-image{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-hero-image{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-hero-image{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-hero-image:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-hero-image{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-hero-image{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-hero-image{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-hero-image:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-hero-image{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-hero-image:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-hero-image{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-hero-image{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-hero-image{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-hero-image{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-hero-image:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-hero-image{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-hero-image{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-hero-image .counter.sc-biggive-hero-image{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-hero-image{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-hero-image iframe.sc-biggive-hero-image,.video-wrap.sc-biggive-hero-image video.sc-biggive-hero-image{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-hero-image{text-align:left}/*!@.align-right*/.align-right.sc-biggive-hero-image{text-align:right}/*!@.align-center*/.align-center.sc-biggive-hero-image{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-hero-image{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-hero-image{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-hero-image{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-hero-image{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-hero-image{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-hero-image{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-hero-image{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-hero-image{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-hero-image{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-hero-image{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-hero-image{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-hero-image{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-hero-image{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-hero-image{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-hero-image{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-hero-image{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-hero-image{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-hero-image{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-hero-image{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-hero-image{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-hero-image{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-hero-image{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-hero-image{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-hero-image{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-hero-image{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-hero-image{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-hero-image{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-hero-image-h{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container*/.container.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}/*!@.container.colour-scheme-primary*/.container.colour-scheme-primary.sc-biggive-hero-image{color:#2C089B}/*!@.container.colour-scheme-secondary*/.container.colour-scheme-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.container.colour-scheme-tertiary*/.container.colour-scheme-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.container.colour-scheme-white*/.container.colour-scheme-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.container.colour-scheme-black*/.container.colour-scheme-black.sc-biggive-hero-image{color:#000000}/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}/*!@.container .content-wrap*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:180px 60px 60px 0}/*!@.container .content-wrap .logo*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}/*!@.container .content-wrap .slug*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .slug.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}/*!@.container .content-wrap .teaser*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .teaser.sc-biggive-hero-image{margin:0 0 45px 0;padding:0}/*!@.container .graphic-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}/*!@.container .graphic-wrap .image-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}/*!@.container .graphic-wrap .image-wrap img*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}@media screen and (max-width: 768px){/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:100%;padding:25vw 15px 15px 15px}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{margin-left:0;bottom:auto;padding-bottom:50%}}";
|
|
7021
7021
|
|
|
7022
7022
|
class BiggiveHeroImage {
|
|
7023
7023
|
constructor(hostRef) {
|