@biggive/components 1.0.195 → 1.0.197

package/dist/collection/components/biggive-branded-image/biggive-branded-image.js

@@ -10,7 +10,7 @@ export class BiggiveBrandedImage {
     this.charityUrl = undefined;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.slug ? h("div", { class: "slug" }, this.slug) : null, this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? (h("a", { id: "charityName", href: this.charityUrl, target: "_blank" }, this.charityName)) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? (h("a", { id: "charityName", href: this.charityUrl, target: "_blank" }, this.charityName)) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
   }
   static get is() { return "biggive-branded-image"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-button/biggive-button.css

@@ -1,68 +1,3 @@
-body {
-  background-color: #FFFFFF;
-}
-body.background-primary {
-  background-color: #2C089B;
-}
-body.background-secondary {
-  background-color: #2C089B;
-}
-body.background-tertiary {
-  background-color: #2C089B;
-}
-body.background-brand-1 {
-  background-color: #B30510;
-}
-body.background-brand-2 {
-  background-color: #B30510;
-}
-body.background-brand-3 {
-  background-color: #B30510;
-}
-body.background-brand-4 {
-  background-color: #B30510;
-}
-body.background-brand-5 {
-  background-color: #B30510;
-}
-body.background-brand-6 {
-  background-color: #B30510;
-}
-
-h1, h3, 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;
@@ -71,231 +6,79 @@ a:hover {
   text-decoration: none;
 }
 
-.colour-primary {
-  color: #2C089B;
-}
-
-.colour-secondary {
-  color: #2AF135;
-}
-
-.colour-tertiary {
-  color: #FF7272;
-}
-
-.colour-brand-1 {
-  color: #B30510;
-}
-
-.colour-brand-2 {
-  color: #6E0887;
-}
-
-.colour-brand-3 {
-  color: #50B400;
-}
-
-.colour-brand-4 {
-  color: #FFE500;
-}
-
-.colour-brand-5 {
-  color: #F07D00;
-}
-
-.colour-brand-6 {
-  color: #CBC8C8;
-}
-
-.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-brand-1:hover,
-.text-colour-brand-1 {
-  color: #B30510;
-}
-
-.text-colour-hover-brand-2:hover,
-.text-colour-brand-2 {
-  color: #6E0887;
-}
-
-.text-colour-hover-brand-3:hover,
-.text-colour-brand-3 {
-  color: #50B400;
-}
-
-.text-colour-hover-brand-4:hover,
-.text-colour-brand-4 {
-  color: #FFE500;
-}
-
-.text-colour-hover-brand-5:hover,
-.text-colour-brand-5 {
-  color: #F07D00;
-}
-
-.text-colour-hover-brand-6:hover,
-.text-colour-brand-6 {
-  color: #CBC8C8;
-}
-
-.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-brand-1 {
-  fill: #B30510;
-}
-
-.fill-brand-2 {
-  fill: #6E0887;
-}
-
-.fill-brand-3 {
-  fill: #50B400;
-}
-
-.fill-brand-4 {
-  fill: #FFE500;
-}
-
-.fill-brand-5 {
-  fill: #F07D00;
-}
-
-.fill-brand-6 {
-  fill: #CBC8C8;
-}
-
-.fill-white {
-  fill: #FFFFFF;
-}
-
-.fill-black {
-  fill: #000000;
+.space-above-0 {
+  margin-top: 0;
 }
 
-.fill-red {
-  fill: red;
+.space-above-1 {
+  margin-top: 5px;
 }
 
-.background-colour-hover-primary:hover,
-.background-colour-primary {
-  background-color: #2C089B;
+.space-above-2 {
+  margin-top: 10px;
 }
 
-.background-colour-hover-secondary:hover,
-.background-colour-secondary {
-  background-color: #2AF135;
+.space-above-3 {
+  margin-top: 15px;
 }
 
-.background-colour-hover-tertiary:hover,
-.background-colour-tertiary {
-  background-color: #FF7272;
+.space-above-4 {
+  margin-top: 30px;
 }
 
-.background-colour-hover-brand-1:hover,
-.background-colour-brand-1 {
-  background-color: #B30510;
+.space-above-5 {
+  margin-top: 45px;
 }
 
-.background-colour-hover-brand-2:hover,
-.background-colour-brand-2 {
-  background-color: #6E0887;
+.space-above-6 {
+  margin-top: 60px;
 }
 
-.background-colour-hover-brand-3:hover,
-.background-colour-brand-3 {
-  background-color: #50B400;
+.space-below-0 {
+  margin-bottom: 0;
 }
 
-.background-colour-hover-brand-4:hover,
-.background-colour-brand-4 {
-  background-color: #FFE500;
+.space-below-1 {
+  margin-bottom: 5px;
 }
 
-.background-colour-hover-brand-5:hover,
-.background-colour-brand-5 {
-  background-color: #F07D00;
+.space-below-2 {
+  margin-bottom: 10px;
 }
 
-.background-colour-hover-brand-6:hover,
-.background-colour-brand-6 {
-  background-color: #CBC8C8;
+.space-below-3 {
+  margin-bottom: 15px;
 }
 
-.background-colour-hover-white:hover,
-.background-colour-white {
-  background-color: #FFFFFF;
+.space-below-4 {
+  margin-bottom: 30px;
 }
 
-.background-colour-hover-black:hover,
-.background-colour-black {
-  background-color: #000000;
+.space-below-5 {
+  margin-bottom: 45px;
 }
 
-.background-colour-transparent {
-  background-color: transparent;
+.space-below-6 {
+  margin-bottom: 60px;
 }
 
-.input-wrap {
-  display: flex;
-  justify-content: space-between;
+:host {
+  display: contents;
 }
 
-.input-text {
+.container {
   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;
+.container a {
+  display: inline-block;
+}
+.container a.full-width-true {
+  display: block;
 }
-.input-text:placeholder {
-  color: #4A4A4A;
+.container.centered-true {
+  text-align: center;
 }
 
 .button {
@@ -567,224 +350,4 @@ a:hover {
 }
 .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;
-}
-.container a {
-  display: inline-block;
-}
-.container a.full-width-true {
-  display: block;
-}
-.container.centered-true {
-  text-align: center;
 }