@biggive/components 1.0.163 → 1.0.166

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

package/dist/collection/components/biggive-hero-image/biggive-hero-image.css

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;
@@ -718,6 +796,23 @@ a:hover {
 .container.colour-scheme-black {
   color: #000000;
 }
+.container .logo {
+  position: absolute;
+  max-width: 100%;
+  top: 75px;
+}
+.container .logo img {
+  height: 90px;
+  max-width: 100%;
+  width: auto;
+  position: relative;
+  z-index: 20;
+}
+@media screen and (min-width: 576px) {
+  .container .logo img {
+    height: 150px;
+  }
+}
 .container .sleeve {
   display: flex;
   justify-content: space-between;
@@ -732,38 +827,18 @@ a:hover {
   white-space: pre-wrap;
   padding: 120px 60px 60px 0;
 }
-.container .content-wrap .logo, .container .content-wrap .logo-space {
-  height: 75px;
-}
-.container .content-wrap .logo {
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: left center;
-}
-.container .content-wrap .logo img {
-  width: 250px;
-  position: relative;
-}
-@media (max-width: 1200px) {
-  .container .content-wrap .logo img {
-    width: 210px;
-  }
-}
-@media (max-width: 768px) {
-  .container .content-wrap .logo img {
-    width: 200px;
-  }
+.container .content-wrap--with-logo {
+  margin-top: 60px;
 }
-@media (max-width: 576px) {
-  .container .content-wrap .logo img {
-    width: 180px;
+@media screen and (min-width: 576px) {
+  .container .content-wrap--with-logo {
+    margin-top: 120px;
   }
 }
 .container .content-wrap .slug {
   font-size: 20px;
   line-height: 24px;
   font-weight: bold;
-  min-height: 24px;
   margin: 0;
   padding: 0;
 }
@@ -832,7 +907,7 @@ a:hover {
 }
 @media screen and (max-width: 576px) {
   .container .sleeve .content-wrap {
-    width: 85%;
+    width: 80%;
   }
 }
 @media screen and (max-width: 450px) {

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

@@ -20,7 +20,8 @@ export class BiggiveHeroImage {
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap" }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: "logo-space" }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+    const contentWrapClasses = 'content-wrap' + (this.logo === undefined ? '' : ' content-wrap--with-logo');
+    return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: "logo image-wrap" }, h("img", { src: this.logo, alt: this.logoAltText }))) : null, h("div", { class: contentWrapClasses }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
       ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
       : null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
   }

package/dist/collection/components/biggive-icon-group/biggive-icon-group.css

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;