@biggive/components 1.0.129 → 1.0.131
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-1c88c44a.js +1 -0
- package/dist/biggive/{p-dd174c64.entry.js → p-2d4bd95c.entry.js} +1 -1
- package/dist/biggive/{p-dfc522af.entry.js → p-89a40859.entry.js} +1 -1
- package/dist/biggive/p-a02bfb2b.entry.js +1 -0
- package/dist/biggive/{p-aa4e1a2a.js → p-da3857e8.js} +1 -1
- package/dist/biggive/{p-badd5542.entry.js → p-f3534578.entry.js} +1 -1
- package/dist/cjs/{biggive-back-to-top_23.cjs.entry.js → biggive-back-to-top_26.cjs.entry.js} +83 -23
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +3 -3
- package/dist/cjs/biggive-category-icon.cjs.entry.js +3 -3
- package/dist/cjs/biggive-search.cjs.entry.js +1 -1
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/{fontawesome-icons-f33263c4.js → fontawesome-icons-d44695d9.js} +1 -1
- package/dist/cjs/{index-1fa2bbc6.js → index-7258f788.js} +6 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.css +6 -7
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.css +56 -4
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +39 -1
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.stories.js +11 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +1 -1
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css +42 -5
- package/dist/collection/components/biggive-category-icon/biggive-category-icon.css +6 -7
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.css +4 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +11 -1
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +3 -2
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +68 -7
- package/dist/collection/components/biggive-popup/biggive-popup.css +4 -0
- package/dist/collection/components/biggive-quote/biggive-quote.css +31 -2
- package/dist/collection/components/biggive-quote/biggive-quote.js +4 -1
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +6 -7
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +9 -12
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.stories.js +22 -22
- package/dist/components/biggive-beneficiary-icon.js +1 -1
- package/dist/components/biggive-branded-image.js +7 -3
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-category-icon.js +1 -1
- package/dist/components/biggive-form-field-select2.js +12 -2
- package/dist/components/biggive-hero-image.js +2 -2
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-quote.js +5 -2
- package/dist/components/biggive-search.js +1 -1
- package/dist/components/biggive-social-icon.js +1 -1
- package/dist/components/biggive-totalizer.js +9 -12
- package/dist/components/fontawesome-icons.js +1 -1
- package/dist/components/index2.js +6 -1
- package/dist/esm/{biggive-back-to-top_23.entry.js → biggive-back-to-top_26.entry.js} +81 -24
- package/dist/esm/biggive-beneficiary-icon.entry.js +3 -3
- package/dist/esm/biggive-category-icon.entry.js +3 -3
- package/dist/esm/biggive-search.entry.js +1 -1
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/{fontawesome-icons-ff9155ca.js → fontawesome-icons-7536a225.js} +1 -1
- package/dist/esm/{index-7cfe62c2.js → index-278aa0f2.js} +6 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-branded-image/biggive-branded-image.d.ts +8 -0
- package/dist/types/components/biggive-branded-image/biggive-branded-image.stories.d.ts +6 -0
- package/dist/types/components/biggive-form-field-select/biggive-form-field-select.d.ts +2 -0
- package/dist/types/components/biggive-quote/biggive-quote.d.ts +2 -0
- package/dist/types/components.d.ts +16 -0
- package/hydrate/index.js +46 -28
- package/package.json +1 -1
- package/dist/biggive/p-3af93f8b.entry.js +0 -1
- package/dist/biggive/p-4c53d380.entry.js +0 -1
- package/dist/biggive/p-52774633.entry.js +0 -1
- package/dist/biggive/p-6faa7816.entry.js +0 -1
- package/dist/biggive/p-88faca11.js +0 -1
- package/dist/cjs/biggive-branded-image.cjs.entry.js +0 -23
- package/dist/cjs/biggive-quote.cjs.entry.js +0 -23
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +0 -21
- package/dist/esm/biggive-branded-image.entry.js +0 -19
- package/dist/esm/biggive-quote.entry.js +0 -19
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +0 -17
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-135ed6c9.js');
|
|
6
|
-
const fontawesomeIcons = require('./fontawesome-icons-
|
|
7
|
-
require('./index-
|
|
6
|
+
const fontawesomeIcons = require('./fontawesome-icons-d44695d9.js');
|
|
7
|
+
require('./index-7258f788.js');
|
|
8
8
|
|
|
9
|
-
const biggiveCategoryIconCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:block;position:relative;padding:5px;
|
|
9
|
+
const biggiveCategoryIconCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:block;position:relative;padding:5px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}";
|
|
10
10
|
|
|
11
11
|
const BiggiveCategoryIcon = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-135ed6c9.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-7258f788.js');
|
|
7
7
|
|
|
8
8
|
const biggiveSearchCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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}.padding-enclosure{width:100%;padding:20px 30px 20px 10px;box-sizing:border-box}.padding-enclosure .outer-container{width:calc(100% - 50px);position:absolute;background-color:white}.padding-enclosure .outer-container .triangle{width:0;height:0;position:absolute;border-right:50px solid transparent;border-left:50px solid transparent;border-bottom:86.60254px solid #2AF135}.padding-enclosure .outer-container .triangle-before{top:-35px;left:-40px;z-index:-1;rotate:-23deg}.padding-enclosure .outer-container .triangle-after{bottom:-15px;right:-20px;z-index:-1;rotate:-15deg}.padding-enclosure .outer-container .inner-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;padding:1.5rem;box-sizing:border-box}.padding-enclosure .outer-container .inner-container h2{width:100%;font-weight:500;margin-top:0px;margin-bottom:0px;font-size:1.2rem}.padding-enclosure .outer-container .inner-container .search-box{display:flex;padding:10px 10px 5px 10px;margin-top:1rem;margin-bottom:1.25rem;border-bottom:1px solid black}.padding-enclosure .outer-container .inner-container .search-box .icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.padding-enclosure .outer-container .inner-container .search-box .icon>path{fill:#2C089B}.padding-enclosure .outer-container .inner-container .search-box #x-icon:hover{cursor:pointer}.padding-enclosure .outer-container .inner-container .search-box input{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;width:100%;box-sizing:border-box;border:none;border-radius:3px;font-size:1.1rem}.padding-enclosure .outer-container .inner-container .search-box input::placeholder{color:#969696}.padding-enclosure .outer-container .inner-container .search-box input:focus{outline:none}.padding-enclosure .outer-container .inner-container button{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;width:100%;padding:0.75rem;box-sizing:border-box;background-color:#2C089B;color:white;border:none;border-radius:5px;font-size:1rem}.padding-enclosure .outer-container .inner-container button:hover{cursor:pointer;background-color:navy}";
|
|
9
9
|
|
package/dist/cjs/biggive.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["biggive-back-to-
|
|
18
|
+
return index.bootstrapLazy([["biggive-back-to-top_26.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"open":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card.cjs",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
19
19
|
});
|
|
@@ -140,6 +140,11 @@ var faBaby = {
|
|
|
140
140
|
iconName: 'baby',
|
|
141
141
|
icon: [448, 512, [], "f77c", "M296 88c0 39.8-32.2 72-72 72s-72-32.2-72-72s32.2-72 72-72s72 32.2 72 72zM39.7 144.5c13-17.9 38-21.8 55.9-8.8L131.8 162c26.8 19.5 59.1 30 92.2 30s65.4-10.5 92.2-30l36.2-26.4c17.9-13 42.9-9 55.9 8.8s9 42.9-8.8 55.9l-36.2 26.4c-13.6 9.9-28.1 18.2-43.3 25V288H128V251.7c-15.2-6.7-29.7-15.1-43.3-25L48.5 200.3c-17.9-13-21.8-38-8.8-55.9zm89.8 184.8l60.6 53-26 37.2 24.3 24.3c15.6 15.6 15.6 40.9 0 56.6s-40.9 15.6-56.6 0l-48-48C70 438.6 68.1 417 79.2 401.1l50.2-71.8zm128.5 53l60.6-53 50.2 71.8c11.1 15.9 9.2 37.5-4.5 51.2l-48 48c-15.6 15.6-40.9 15.6-56.6 0s-15.6-40.9 0-56.6L284 419.4l-26-37.2z"]
|
|
142
142
|
};
|
|
143
|
+
var faQuoteLeft = {
|
|
144
|
+
prefix: 'fas',
|
|
145
|
+
iconName: 'quote-left',
|
|
146
|
+
icon: [448, 512, [8220, "quote-left-alt"], "f10d", "M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320 288 216z"]
|
|
147
|
+
};
|
|
143
148
|
var faScaleBalanced = {
|
|
144
149
|
prefix: 'fas',
|
|
145
150
|
iconName: 'scale-balanced',
|
|
@@ -186,6 +191,7 @@ exports.faPaw = faPaw;
|
|
|
186
191
|
exports.faPeopleCarry = faPeopleCarry;
|
|
187
192
|
exports.faPlaceOfWorship = faPlaceOfWorship;
|
|
188
193
|
exports.faPlus = faPlus;
|
|
194
|
+
exports.faQuoteLeft = faQuoteLeft;
|
|
189
195
|
exports.faRainbow = faRainbow;
|
|
190
196
|
exports.faRibbon = faRibbon;
|
|
191
197
|
exports.faSeedling = faSeedling;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["biggive-back-to-
|
|
17
|
+
return index.bootstrapLazy([["biggive-back-to-top_26.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"open":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card.cjs",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -530,6 +530,8 @@ a:hover {
|
|
|
530
530
|
text-align: center;
|
|
531
531
|
transition: all ease-in-out 0.5s;
|
|
532
532
|
display: inline-block;
|
|
533
|
+
width: 30px;
|
|
534
|
+
height: 30px;
|
|
533
535
|
}
|
|
534
536
|
.beneficiary-icon-item.colour-scheme-primary {
|
|
535
537
|
background-color: #2C089B;
|
|
@@ -571,13 +573,10 @@ a:hover {
|
|
|
571
573
|
display: block;
|
|
572
574
|
position: relative;
|
|
573
575
|
padding: 5px;
|
|
574
|
-
|
|
575
|
-
height:
|
|
576
|
+
box-sizing: border-box;
|
|
577
|
+
height: 100%;
|
|
576
578
|
}
|
|
577
579
|
.beneficiary-icon-item a svg {
|
|
578
|
-
width:
|
|
579
|
-
height:
|
|
580
|
-
position: relative;
|
|
581
|
-
top: 50%;
|
|
582
|
-
transform: translateY(-50%);
|
|
580
|
+
width: 100%;
|
|
581
|
+
height: 100%;
|
|
583
582
|
}
|
|
@@ -516,19 +516,71 @@ a:hover {
|
|
|
516
516
|
.container .slug {
|
|
517
517
|
text-align: center;
|
|
518
518
|
font-weight: bold;
|
|
519
|
-
}
|
|
520
|
-
.container .slug span {
|
|
521
519
|
background-color: #2AF135;
|
|
522
520
|
color: #000000;
|
|
523
521
|
padding: 5px 15px;
|
|
522
|
+
width: 100%;
|
|
523
|
+
margin: auto;
|
|
524
|
+
transform: translateY(50%);
|
|
525
|
+
margin-top: -17px;
|
|
526
|
+
box-sizing: border-box;
|
|
527
|
+
}
|
|
528
|
+
.container img {
|
|
529
|
+
width: 100%;
|
|
524
530
|
}
|
|
525
531
|
.container .logo-wrap {
|
|
526
532
|
border-radius: 50%;
|
|
527
|
-
width:
|
|
528
|
-
height:
|
|
533
|
+
width: 120px;
|
|
534
|
+
height: 120px;
|
|
529
535
|
transform: translateY(-50%);
|
|
536
|
+
margin-bottom: -50px;
|
|
530
537
|
background-size: contain;
|
|
531
538
|
background-position: center center;
|
|
532
539
|
background-repeat: no-repeat;
|
|
533
540
|
background-color: #FFFFFF;
|
|
541
|
+
}
|
|
542
|
+
@media screen and (max-width: 768px) {
|
|
543
|
+
.container .logo-wrap {
|
|
544
|
+
width: 100px;
|
|
545
|
+
height: 100px;
|
|
546
|
+
margin-bottom: -40px;
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
@media screen and (max-width: 576px) {
|
|
550
|
+
.container .logo-wrap {
|
|
551
|
+
width: 80px;
|
|
552
|
+
height: 80px;
|
|
553
|
+
margin-bottom: -30px;
|
|
554
|
+
}
|
|
555
|
+
}
|
|
556
|
+
@media screen and (max-width: 450px) {
|
|
557
|
+
.container .logo-wrap {
|
|
558
|
+
width: 70px;
|
|
559
|
+
height: 70px;
|
|
560
|
+
margin-bottom: -20px;
|
|
561
|
+
}
|
|
562
|
+
}
|
|
563
|
+
.container #charityName {
|
|
564
|
+
color: #2C089B;
|
|
565
|
+
display: block;
|
|
566
|
+
margin-bottom: 5px;
|
|
567
|
+
width: fit-content;
|
|
568
|
+
}
|
|
569
|
+
.container #charityName, .container #charityLocation {
|
|
570
|
+
font-size: 17px;
|
|
571
|
+
}
|
|
572
|
+
@media screen and (max-width: 768px) {
|
|
573
|
+
.container #charityName, .container #charityLocation {
|
|
574
|
+
font-size: 16px;
|
|
575
|
+
}
|
|
576
|
+
}
|
|
577
|
+
@media screen and (max-width: 576px) {
|
|
578
|
+
.container #charityName, .container #charityLocation {
|
|
579
|
+
font-size: 15px;
|
|
580
|
+
}
|
|
581
|
+
}
|
|
582
|
+
@media screen and (max-width: 450px) {
|
|
583
|
+
.container #charityName, .container #charityLocation {
|
|
584
|
+
font-size: 14px;
|
|
585
|
+
}
|
|
534
586
|
}
|
|
@@ -5,9 +5,11 @@ export class BiggiveBrandedImage {
|
|
|
5
5
|
this.imageUrl = '';
|
|
6
6
|
this.logoUrl = '';
|
|
7
7
|
this.slug = null;
|
|
8
|
+
this.charityName = null;
|
|
9
|
+
this.charityLocation = null;
|
|
8
10
|
}
|
|
9
11
|
render() {
|
|
10
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "slug" },
|
|
12
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "slug" }, this.slug), this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl.length > 0 ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined ? (h("a", { id: "charityName", href: "" }, this.charityName)) : null, this.charityLocation !== undefined ? h("div", { id: "charityLocation" }, this.charityLocation) : null));
|
|
11
13
|
}
|
|
12
14
|
static get is() { return "biggive-branded-image"; }
|
|
13
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -94,6 +96,42 @@ export class BiggiveBrandedImage {
|
|
|
94
96
|
"attribute": "slug",
|
|
95
97
|
"reflect": false,
|
|
96
98
|
"defaultValue": "null"
|
|
99
|
+
},
|
|
100
|
+
"charityName": {
|
|
101
|
+
"type": "string",
|
|
102
|
+
"mutable": false,
|
|
103
|
+
"complexType": {
|
|
104
|
+
"original": "string",
|
|
105
|
+
"resolved": "string",
|
|
106
|
+
"references": {}
|
|
107
|
+
},
|
|
108
|
+
"required": false,
|
|
109
|
+
"optional": false,
|
|
110
|
+
"docs": {
|
|
111
|
+
"tags": [],
|
|
112
|
+
"text": "Charity name"
|
|
113
|
+
},
|
|
114
|
+
"attribute": "charity-name",
|
|
115
|
+
"reflect": false,
|
|
116
|
+
"defaultValue": "null"
|
|
117
|
+
},
|
|
118
|
+
"charityLocation": {
|
|
119
|
+
"type": "string",
|
|
120
|
+
"mutable": false,
|
|
121
|
+
"complexType": {
|
|
122
|
+
"original": "string",
|
|
123
|
+
"resolved": "string",
|
|
124
|
+
"references": {}
|
|
125
|
+
},
|
|
126
|
+
"required": false,
|
|
127
|
+
"optional": false,
|
|
128
|
+
"docs": {
|
|
129
|
+
"tags": [],
|
|
130
|
+
"text": "Charity location"
|
|
131
|
+
},
|
|
132
|
+
"attribute": "charity-location",
|
|
133
|
+
"reflect": false,
|
|
134
|
+
"defaultValue": "null"
|
|
97
135
|
}
|
|
98
136
|
};
|
|
99
137
|
}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
title: 'Components/Content',
|
|
3
3
|
argTypes: {
|
|
4
|
+
charityLocation: {
|
|
5
|
+
name: 'Charity Location',
|
|
6
|
+
},
|
|
7
|
+
charityName: {
|
|
8
|
+
name: 'Charity Name',
|
|
9
|
+
},
|
|
4
10
|
spaceBelow: {
|
|
5
11
|
name: 'Space below',
|
|
6
12
|
control: {
|
|
@@ -12,7 +18,7 @@ export default {
|
|
|
12
18
|
name: 'Image URL',
|
|
13
19
|
},
|
|
14
20
|
logoUrl: {
|
|
15
|
-
name: '
|
|
21
|
+
name: 'Logo URL',
|
|
16
22
|
},
|
|
17
23
|
slug: {
|
|
18
24
|
name: 'Slug',
|
|
@@ -21,6 +27,8 @@ export default {
|
|
|
21
27
|
};
|
|
22
28
|
const Template = args => `
|
|
23
29
|
<biggive-branded-image
|
|
30
|
+
charity-location="${args.charityLocation}"
|
|
31
|
+
charity-name="${args.charityName}"
|
|
24
32
|
space-below="${args.spaceBelow}"
|
|
25
33
|
image-url="${args.imageUrl}"
|
|
26
34
|
logo-url="${args.logoUrl}"
|
|
@@ -30,6 +38,8 @@ const Template = args => `
|
|
|
30
38
|
`;
|
|
31
39
|
export const BrandedImageComponent = Template.bind({});
|
|
32
40
|
BrandedImageComponent.args = {
|
|
41
|
+
charityLocation: 'London',
|
|
42
|
+
charityName: 'The Big Give Trust',
|
|
33
43
|
spaceBelow: 4,
|
|
34
44
|
imageUrl: 'https://media.istockphoto.com/vectors/childish-seamless-dotted-pattern-with-colorful-doodle-letters-fun-vector-id1208462693',
|
|
35
45
|
logoUrl: 'https://99designs-blog.imgix.net/blog/wp-content/uploads/2018/10/attachment_98611730-e1539290946446.png?auto=format&q=60&fit=max&w=930',
|
|
@@ -19,7 +19,7 @@ export class BiggiveCampaignCard {
|
|
|
19
19
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ?
|
|
22
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }) : h("div", { class: "image-wrap banner" }), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "button-wrap" }, h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "biggive-campaign-card"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,7 +48,7 @@ document.addEventListener('doSearchAndFilterUpdate', $event => console.log($even
|
|
|
48
48
|
export const CampaignCardFilterGridComponent = Template.bind({});
|
|
49
49
|
CampaignCardFilterGridComponent.args = {
|
|
50
50
|
categoryOptions: ['ABC', 'DEF'],
|
|
51
|
-
beneficiaryOptions: ['ABC', 'DEF'],
|
|
51
|
+
beneficiaryOptions: ['ABC', 'DEF', 'ABC', 'DEF', 'ABC', 'DEF', 'ABC', 'DEF', 'ABC', 'DEF', 'ABC', 'DEF', 'ABC', 'DEF'],
|
|
52
52
|
locationOptions: ['ABC', 'DEF'],
|
|
53
53
|
fundingOptions: ['ABC', 'DEF'],
|
|
54
54
|
};
|
package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css
CHANGED
|
@@ -513,8 +513,9 @@ a:hover {
|
|
|
513
513
|
line-height: 24px;
|
|
514
514
|
filter: drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));
|
|
515
515
|
background-color: #FFFFFF;
|
|
516
|
-
padding:
|
|
516
|
+
padding: 25px;
|
|
517
517
|
box-sizing: border-box;
|
|
518
|
+
height: fit-content;
|
|
518
519
|
}
|
|
519
520
|
.container .campaign-title {
|
|
520
521
|
position: absolute;
|
|
@@ -552,8 +553,8 @@ a:hover {
|
|
|
552
553
|
width: calc(50% - 15px);
|
|
553
554
|
}
|
|
554
555
|
.container .meta-wrap .meta-item .label {
|
|
555
|
-
font-size:
|
|
556
|
-
line-height:
|
|
556
|
+
font-size: 13px;
|
|
557
|
+
line-height: 17px;
|
|
557
558
|
display: block;
|
|
558
559
|
}
|
|
559
560
|
.container .meta-wrap .meta-item .text {
|
|
@@ -562,6 +563,21 @@ a:hover {
|
|
|
562
563
|
font-weight: bold;
|
|
563
564
|
display: block;
|
|
564
565
|
}
|
|
566
|
+
@media screen and (max-width: 768px) {
|
|
567
|
+
.container .meta-wrap .meta-item .text {
|
|
568
|
+
font-size: 23px;
|
|
569
|
+
}
|
|
570
|
+
}
|
|
571
|
+
@media screen and (max-width: 576px) {
|
|
572
|
+
.container .meta-wrap .meta-item .text {
|
|
573
|
+
font-size: 21px;
|
|
574
|
+
}
|
|
575
|
+
}
|
|
576
|
+
@media screen and (max-width: 450px) {
|
|
577
|
+
.container .meta-wrap .meta-item .text {
|
|
578
|
+
font-size: 17px;
|
|
579
|
+
}
|
|
580
|
+
}
|
|
565
581
|
.container .meta-wrap .meta-item:last-child {
|
|
566
582
|
text-align: right;
|
|
567
583
|
}
|
|
@@ -578,11 +594,32 @@ a:hover {
|
|
|
578
594
|
justify-content: space-between;
|
|
579
595
|
}
|
|
580
596
|
.container .stat-wrap .stat-item {
|
|
581
|
-
font-size:
|
|
582
|
-
line-height:
|
|
597
|
+
font-size: 17px;
|
|
598
|
+
line-height: 24px;
|
|
599
|
+
font-weight: bold;
|
|
583
600
|
width: calc(50% - 15px);
|
|
584
601
|
margin: auto 0 auto 15px;
|
|
585
602
|
}
|
|
603
|
+
.container .stat-wrap .stat-item .label {
|
|
604
|
+
position: relative;
|
|
605
|
+
bottom: 7px;
|
|
606
|
+
}
|
|
607
|
+
@media screen and (max-width: 576px) {
|
|
608
|
+
.container .stat-wrap .stat-item {
|
|
609
|
+
font-size: 13px;
|
|
610
|
+
line-height: 17px;
|
|
611
|
+
margin: auto 0;
|
|
612
|
+
text-align: center;
|
|
613
|
+
}
|
|
614
|
+
.container .stat-wrap .stat-item .label {
|
|
615
|
+
bottom: 5px;
|
|
616
|
+
}
|
|
617
|
+
}
|
|
586
618
|
.container .stat-wrap .stat-item svg {
|
|
587
619
|
fill: #FF7272;
|
|
620
|
+
}
|
|
621
|
+
@media screen and (max-width: 576px) {
|
|
622
|
+
.container {
|
|
623
|
+
padding: 15px;
|
|
624
|
+
}
|
|
588
625
|
}
|
|
@@ -530,6 +530,8 @@ a:hover {
|
|
|
530
530
|
text-align: center;
|
|
531
531
|
transition: all ease-in-out 0.5s;
|
|
532
532
|
display: inline-block;
|
|
533
|
+
width: 30px;
|
|
534
|
+
height: 30px;
|
|
533
535
|
}
|
|
534
536
|
.category-icon-item.colour-scheme-primary {
|
|
535
537
|
background-color: #2C089B;
|
|
@@ -571,13 +573,10 @@ a:hover {
|
|
|
571
573
|
display: block;
|
|
572
574
|
position: relative;
|
|
573
575
|
padding: 5px;
|
|
574
|
-
|
|
575
|
-
height:
|
|
576
|
+
box-sizing: border-box;
|
|
577
|
+
height: 100%;
|
|
576
578
|
}
|
|
577
579
|
.category-icon-item a svg {
|
|
578
|
-
width:
|
|
579
|
-
height:
|
|
580
|
-
position: relative;
|
|
581
|
-
top: 50%;
|
|
582
|
-
transform: translateY(-50%);
|
|
580
|
+
width: 100%;
|
|
581
|
+
height: 100%;
|
|
583
582
|
}
|
|
@@ -545,6 +545,9 @@ a:hover {
|
|
|
545
545
|
background-position: center center;
|
|
546
546
|
}
|
|
547
547
|
.dropdown .options {
|
|
548
|
+
max-height: 200px;
|
|
549
|
+
overflow-x: hidden;
|
|
550
|
+
overflow-y: scroll;
|
|
548
551
|
background-color: #FFFFFF;
|
|
549
552
|
position: absolute;
|
|
550
553
|
display: none;
|
|
@@ -555,6 +558,6 @@ a:hover {
|
|
|
555
558
|
border-right: 1px solid #2C089B;
|
|
556
559
|
border-bottom: 1px solid #2C089B;
|
|
557
560
|
}
|
|
558
|
-
.dropdown
|
|
561
|
+
.dropdown.active .options {
|
|
559
562
|
display: block;
|
|
560
563
|
}
|
|
@@ -11,8 +11,17 @@ export class BiggiveFormFieldSelect {
|
|
|
11
11
|
this.selectedLabel = event.detail.label;
|
|
12
12
|
this.doSelectChange.emit({ value: this.selectedValue, label: this.selectedLabel });
|
|
13
13
|
}
|
|
14
|
+
toggleFocus(event) {
|
|
15
|
+
const dropdown = event.target.parentElement.parentElement;
|
|
16
|
+
if (dropdown.classList.contains('active')) {
|
|
17
|
+
dropdown.classList.remove('active');
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
dropdown.classList.add('active');
|
|
21
|
+
}
|
|
22
|
+
}
|
|
14
23
|
render() {
|
|
15
|
-
return (h("div", { class: 'dropdown space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("span", { class: "placeholder" }, this.selectedLabel == null ? this.placeholder : this.selectedLabel)), h("div", { class: "options" }, h("slot", null))));
|
|
24
|
+
return (h("div", { class: 'dropdown space-below-' + this.spaceBelow }, h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, h("span", { class: "placeholder" }, this.selectedLabel == null ? this.placeholder : this.selectedLabel)), h("div", { class: "options" }, h("slot", null))));
|
|
16
25
|
}
|
|
17
26
|
static get is() { return "biggive-form-field-select"; }
|
|
18
27
|
static get encapsulation() { return "shadow"; }
|
|
@@ -120,6 +129,7 @@ export class BiggiveFormFieldSelect {
|
|
|
120
129
|
}
|
|
121
130
|
}];
|
|
122
131
|
}
|
|
132
|
+
static get elementRef() { return "el"; }
|
|
123
133
|
static get listeners() {
|
|
124
134
|
return [{
|
|
125
135
|
"name": "doOptionSelect",
|
|
@@ -609,13 +609,14 @@ a:hover {
|
|
|
609
609
|
display: none;
|
|
610
610
|
}
|
|
611
611
|
|
|
612
|
-
@media screen and (max-width:
|
|
612
|
+
@media screen and (max-width: 1200px) {
|
|
613
613
|
.container .sleeve {
|
|
614
614
|
flex-wrap: wrap;
|
|
615
615
|
}
|
|
616
616
|
.container .sleeve .content-wrap {
|
|
617
617
|
width: 100%;
|
|
618
|
-
padding:
|
|
618
|
+
padding: 18vw 15px 15px 15px;
|
|
619
|
+
margin-bottom: 50px;
|
|
619
620
|
}
|
|
620
621
|
.container .sleeve .graphic-wrap {
|
|
621
622
|
margin-left: 0;
|