@biggive/components 1.0.95 → 1.0.97

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js

@@ -1,63 +1,62 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveFormattedText {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Default text colour
-     */
     this.defaultTextColour = 'primary';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow },
-      h("slot", null)));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", null)));
   }
   static get is() { return "biggive-formatted-text"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-formatted-text.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-formatted-text.css"]
-  }; }
-  static get properties() { return {
-    "spaceBelow": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space below component"
-      },
-      "attribute": "space-below",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "defaultTextColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Default text colour"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-formatted-text.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-formatted-text.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceBelow": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space below component"
+        },
+        "attribute": "space-below",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "default-text-colour",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    }
-  }; }
+      "defaultTextColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default text colour"
+        },
+        "attribute": "default-text-colour",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      }
+    };
+  }
 }

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

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a: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;
@@ -510,4 +534,19 @@ a:hover {
   width: calc(50% - 15px);
   display: flex;
   flex-direction: column;
+}
+
+@media screen and (max-width: 768px) {
+  .column-count-2 ::slotted(*),
+.column-count-3 ::slotted(*),
+.column-count-4 ::slotted(*) {
+    width: calc(50% - 15px);
+  }
+}
+@media screen and (max-width: 576px) {
+  .column-count-2 ::slotted(*),
+.column-count-3 ::slotted(*),
+.column-count-4 ::slotted(*) {
+    width: 100%;
+  }
 }

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

@@ -1,85 +1,81 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveGrid {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 4;
-    /**
-     * Number of columns in grid
-     */
     this.columnCount = 3;
-    /**
-     * Gap between columns, based on spacer CSS variable
-     */
     this.columnGap = 3;
   }
   render() {
-    return (h("div", { class: 'grid column-count-' + this.columnCount + ' column-gap-' + this.columnGap + ' space-below-' + this.spaceBelow },
-      h("slot", null)));
+    return (h("div", { class: 'grid column-count-' + this.columnCount + ' column-gap-' + this.columnGap + ' space-below-' + this.spaceBelow }, h("slot", null)));
   }
   static get is() { return "biggive-grid"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-grid.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-grid.css"]
-  }; }
-  static get properties() { return {
-    "spaceBelow": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space below component"
-      },
-      "attribute": "space-below",
-      "reflect": false,
-      "defaultValue": "4"
-    },
-    "columnCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Number of columns in grid"
-      },
-      "attribute": "column-count",
-      "reflect": false,
-      "defaultValue": "3"
-    },
-    "columnGap": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-grid.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-grid.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceBelow": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space below component"
+        },
+        "attribute": "space-below",
+        "reflect": false,
+        "defaultValue": "4"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Gap between columns, based on spacer CSS variable"
+      "columnCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Number of columns in grid"
+        },
+        "attribute": "column-count",
+        "reflect": false,
+        "defaultValue": "3"
       },
-      "attribute": "column-gap",
-      "reflect": false,
-      "defaultValue": "3"
-    }
-  }; }
+      "columnGap": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Gap between columns, based on spacer CSS variable"
+        },
+        "attribute": "column-gap",
+        "reflect": false,
+        "defaultValue": "3"
+      }
+    };
+  }
 }

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

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a: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;
@@ -489,7 +513,7 @@ a:hover {
   line-height: 24px;
   filter: drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));
   position: relative;
-  z-index: 1;
+  z-index: 99;
 }
 
 .nav {
@@ -562,12 +586,80 @@ a:hover {
 .row-bottom .logo-wrap {
   width: 200px;
   margin-right: auto;
+  position: relative;
+  z-index: 101;
 }
-.row-bottom .logo-wrap svg {
+.row-bottom .logo-wrap a {
+  display: block;
+}
+.row-bottom .logo-wrap a svg {
   height: 100%;
   width: auto;
 }
+.row-bottom .nav-toggle {
+  display: none;
+}
 .row-bottom .nav-primary {
   font-weight: 700;
   margin: 5px 0;
+}
+
+@media screen and (max-width: 1050px) {
+  .row-top {
+    display: none;
+  }
+
+  .row-bottom {
+    padding: 15px 15px;
+  }
+  .row-bottom .logo-wrap {
+    height: 30px;
+  }
+  .row-bottom .nav-toggle {
+    display: block;
+    margin-left: auto;
+    width: 45px;
+    height: 30px;
+    position: relative;
+    z-index: 101;
+    background-image: url("assets/images/menu.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center center;
+    cursor: pointer;
+  }
+  .row-bottom .nav-toggle.active {
+    background-image: url("assets/images/cross.svg?1");
+    display: block;
+    background-color: #2C089B;
+    background-size: 50% 50%;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+  }
+  .row-bottom .nav-primary {
+    display: none;
+    position: fixed;
+    z-index: 99;
+    top: 0;
+    height: 100vh;
+    padding-top: 100px;
+    left: 0;
+    right: 0;
+    margin: 0;
+    background-color: #D7D7D7;
+  }
+  .row-bottom .nav-primary[data-visible=true] {
+    display: block;
+  }
+  .row-bottom .nav-primary ul li {
+    width: 100%;
+    box-sizing: border-box;
+    text-align: center;
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+    border-bottom: 1px solid #E8E8E8;
+    padding-left: 30px;
+    padding-right: 30px;
+  }
 }

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

@@ -1,15 +1,20 @@
-import { Component, Prop, Element, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveHeader {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Logo hyperlink URL
-     */
     this.logoUrl = '/';
   }
+  toggleNav(event) {
+    var nav = this.host.shadowRoot.querySelector('.nav-primary');
+    if (nav.getAttribute('data-visible') == 'true') {
+      event.target.classList.remove('active');
+      nav.setAttribute('data-visible', 'false');
+    }
+    else {
+      event.target.classList.add('active');
+      nav.setAttribute('data-visible', 'true');
+    }
+  }
   render() {
     var node = null;
     var navPrimary = null;
@@ -18,79 +23,69 @@ export class BiggiveHeader {
     if (node != null) {
       navPrimary = [];
       node.querySelectorAll('li').forEach(el => {
-        navPrimary.push(h("li", null,
-          h("a", { href: el.firstElementChild.getAttribute('href') }, el.innerText)));
+        navPrimary.push(h("li", null, h("a", { href: el.firstElementChild.getAttribute('href') }, el.innerText)));
       });
     }
     node = this.host.querySelector('[slot="nav-secondary"]');
     if (node != null) {
       navSecondary = [];
       node.querySelectorAll('li').forEach(el => {
-        navSecondary.push(h("li", null,
-          h("a", { href: el.firstElementChild.getAttribute('href') }, el.innerText)));
+        navSecondary.push(h("li", null, h("a", { href: el.firstElementChild.getAttribute('href') }, el.innerText)));
       });
     }
-    return (h("header", { class: 'header space-below' + this.spaceBelow },
-      h("div", { class: "row row-top" },
-        h("div", { class: "social-icon-wrap" },
-          h("slot", { name: "social-icons" })),
-        h("nav", { class: "nav nav-secondary" },
-          h("ul", null, navSecondary))),
-      h("div", { class: "row row-bottom" },
-        h("div", { class: "logo-wrap" },
-          h("a", { href: this.logoUrl },
-            h("svg", { width: "149", height: "30", viewBox: "0 0 149 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-              h("path", { d: "M59.9362 6.08031C58.258 6.08031 56.8195 4.70363 56.8195 3.04015C56.8195 1.37667 58.258 0 59.9362 0C61.7342 0 63.1127 1.37667 63.1127 3.04015C63.1127 4.70363 61.7342 6.08031 59.9362 6.08031ZM57.4189 23.805H62.4534V7.74379H57.4189V23.805ZM76.5981 7.74379V8.71893C75.8189 7.97323 74.2606 7.34226 72.4626 7.34226C67.9674 7.34226 64.3114 10.5545 64.3114 15.2008C64.3114 19.9044 67.9674 23.0593 72.4626 23.0593C74.2606 23.0593 75.8189 22.543 76.5981 21.6826V22.6004C76.5981 24.6654 74.6801 25.6979 72.1629 25.6979C70.0052 25.6979 68.1472 25.239 66.4091 24.2639V29.0249C68.5068 29.7706 70.8443 30 72.4026 30C77.4371 30 81.6326 27.9924 81.6326 22.7151V7.68643H76.5981V7.74379ZM76.5981 17.2084C75.8788 18.1836 74.6801 18.6424 73.3616 18.6424C71.2639 18.6424 69.5257 17.4379 69.5257 15.2008C69.5257 13.021 71.2639 11.7591 73.3616 11.7591C74.6801 11.7591 75.8788 12.3327 76.5981 13.2505V17.2084ZM96.1368 24.2065C100.093 24.2065 102.55 23.5182 104.588 22.2562V9.98088H93.6196V14.6845H99.4332V18.8145C98.5942 19.044 97.6352 19.2161 96.2567 19.2161C91.342 19.2161 88.9446 16.0612 88.9446 12.3901C88.9446 8.71893 91.7016 5.56405 96.916 5.56405C99.0736 5.56405 101.171 6.13767 102.73 6.94073V1.72084C101.231 1.14723 99.3134 0.630979 96.6163 0.630979C89.0046 0.630979 83.6104 5.90822 83.6104 12.4474C83.5505 19.1013 88.4652 24.2065 96.1368 24.2065ZM109.442 6.08031C107.764 6.08031 106.326 4.70363 106.326 3.04015C106.326 1.37667 107.764 0 109.442 0C111.24 0 112.619 1.37667 112.619 3.04015C112.619 4.70363 111.18 6.08031 109.442 6.08031ZM106.925 23.805H111.96V7.74379H106.925V23.805ZM123.227 14.9713L118.972 7.74379H113.098L123.167 24.1491L133.237 7.74379H127.483L123.227 14.9713ZM137.372 16.9216H148.999C149.059 9.92352 144.804 7.39962 140.549 7.39962C136.053 7.39962 132.038 9.98088 131.978 15.7744C131.978 21.3958 136.113 24.1491 141.088 24.1491C143.246 24.1491 145.523 23.8623 147.501 22.8872V18.4704C144.984 19.847 143.366 19.9044 141.927 19.9044C139.769 19.847 137.552 19.2161 137.372 16.9216ZM140.608 11.1281C142.107 11.1281 143.425 11.8164 143.605 13.8241H137.372C137.732 11.8738 139.11 11.1281 140.608 11.1281ZM51.5453 11.3576C52.744 10.325 53.3433 9.00574 53.3433 7.34226C53.3433 4.24474 50.3466 1.03251 46.0313 1.03251H38V23.8623H48.4287C52.5042 23.8623 55.6209 20.8795 55.6209 17.0937C55.6209 14.7992 54.542 12.3327 51.5453 11.3576ZM43.2743 5.67878H45.6717C47.1101 5.67878 48.129 6.76865 48.129 7.97324C48.129 9.17782 47.1101 10.2103 45.6717 10.2103H43.2743V5.67878ZM47.9492 19.1587H43.2743V14.5698H47.9492C49.3876 14.5698 50.4665 15.6023 50.4665 16.8643C50.4665 18.1262 49.3876 19.1587 47.9492 19.1587Z", fill: "black" }),
-              h("path", { d: "M21.543 1.01514L35 23.9999H8.08594L21.543 1.01514Z", fill: "black" }),
-              h("path", { d: "M9.36142 16.9564L0 1H18.7228L9.36142 16.9564Z", fill: "#2AF135" })))),
-        h("nav", { class: "nav nav-primary" },
-          h("ul", null, navPrimary)))));
+    return (h("header", { class: 'header space-below' + this.spaceBelow }, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("nav", { class: "nav nav-secondary" }, h("ul", null, navSecondary))), h("div", { class: "row row-bottom" }, h("div", { class: "logo-wrap" }, h("a", { href: this.logoUrl }, h("svg", { width: "149", height: "30", viewBox: "0 0 149 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M59.9362 6.08031C58.258 6.08031 56.8195 4.70363 56.8195 3.04015C56.8195 1.37667 58.258 0 59.9362 0C61.7342 0 63.1127 1.37667 63.1127 3.04015C63.1127 4.70363 61.7342 6.08031 59.9362 6.08031ZM57.4189 23.805H62.4534V7.74379H57.4189V23.805ZM76.5981 7.74379V8.71893C75.8189 7.97323 74.2606 7.34226 72.4626 7.34226C67.9674 7.34226 64.3114 10.5545 64.3114 15.2008C64.3114 19.9044 67.9674 23.0593 72.4626 23.0593C74.2606 23.0593 75.8189 22.543 76.5981 21.6826V22.6004C76.5981 24.6654 74.6801 25.6979 72.1629 25.6979C70.0052 25.6979 68.1472 25.239 66.4091 24.2639V29.0249C68.5068 29.7706 70.8443 30 72.4026 30C77.4371 30 81.6326 27.9924 81.6326 22.7151V7.68643H76.5981V7.74379ZM76.5981 17.2084C75.8788 18.1836 74.6801 18.6424 73.3616 18.6424C71.2639 18.6424 69.5257 17.4379 69.5257 15.2008C69.5257 13.021 71.2639 11.7591 73.3616 11.7591C74.6801 11.7591 75.8788 12.3327 76.5981 13.2505V17.2084ZM96.1368 24.2065C100.093 24.2065 102.55 23.5182 104.588 22.2562V9.98088H93.6196V14.6845H99.4332V18.8145C98.5942 19.044 97.6352 19.2161 96.2567 19.2161C91.342 19.2161 88.9446 16.0612 88.9446 12.3901C88.9446 8.71893 91.7016 5.56405 96.916 5.56405C99.0736 5.56405 101.171 6.13767 102.73 6.94073V1.72084C101.231 1.14723 99.3134 0.630979 96.6163 0.630979C89.0046 0.630979 83.6104 5.90822 83.6104 12.4474C83.5505 19.1013 88.4652 24.2065 96.1368 24.2065ZM109.442 6.08031C107.764 6.08031 106.326 4.70363 106.326 3.04015C106.326 1.37667 107.764 0 109.442 0C111.24 0 112.619 1.37667 112.619 3.04015C112.619 4.70363 111.18 6.08031 109.442 6.08031ZM106.925 23.805H111.96V7.74379H106.925V23.805ZM123.227 14.9713L118.972 7.74379H113.098L123.167 24.1491L133.237 7.74379H127.483L123.227 14.9713ZM137.372 16.9216H148.999C149.059 9.92352 144.804 7.39962 140.549 7.39962C136.053 7.39962 132.038 9.98088 131.978 15.7744C131.978 21.3958 136.113 24.1491 141.088 24.1491C143.246 24.1491 145.523 23.8623 147.501 22.8872V18.4704C144.984 19.847 143.366 19.9044 141.927 19.9044C139.769 19.847 137.552 19.2161 137.372 16.9216ZM140.608 11.1281C142.107 11.1281 143.425 11.8164 143.605 13.8241H137.372C137.732 11.8738 139.11 11.1281 140.608 11.1281ZM51.5453 11.3576C52.744 10.325 53.3433 9.00574 53.3433 7.34226C53.3433 4.24474 50.3466 1.03251 46.0313 1.03251H38V23.8623H48.4287C52.5042 23.8623 55.6209 20.8795 55.6209 17.0937C55.6209 14.7992 54.542 12.3327 51.5453 11.3576ZM43.2743 5.67878H45.6717C47.1101 5.67878 48.129 6.76865 48.129 7.97324C48.129 9.17782 47.1101 10.2103 45.6717 10.2103H43.2743V5.67878ZM47.9492 19.1587H43.2743V14.5698H47.9492C49.3876 14.5698 50.4665 15.6023 50.4665 16.8643C50.4665 18.1262 49.3876 19.1587 47.9492 19.1587Z", fill: "black" }), h("path", { d: "M21.543 1.01514L35 23.9999H8.08594L21.543 1.01514Z", fill: "black" }), h("path", { d: "M9.36142 16.9564L0 1H18.7228L9.36142 16.9564Z", fill: "#2AF135" })))), h("div", { class: "nav-toggle", onClick: event => this.toggleNav(event) }), h("nav", { class: "nav nav-primary", "data-visible": "false" }, h("ul", null, navPrimary)))));
   }
   static get is() { return "biggive-header"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-header.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-header.css"]
-  }; }
-  static get properties() { return {
-    "spaceBelow": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space below component"
-      },
-      "attribute": "space-below",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "logoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Logo hyperlink URL"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-header.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-header.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceBelow": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space below component"
+        },
+        "attribute": "space-below",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "logo-url",
-      "reflect": false,
-      "defaultValue": "'/'"
-    }
-  }; }
+      "logoUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Logo hyperlink URL"
+        },
+        "attribute": "logo-url",
+        "reflect": false,
+        "defaultValue": "'/'"
+      }
+    };
+  }
   static get elementRef() { return "host"; }
 }

package/dist/collection/components/biggive-header/biggive-header.stories.js

@@ -12,7 +12,8 @@ const Template = args => `
         <biggive-social-icon service="YouTube" url="https://www.youtube.com" background-colour="tertiary" icon-colour="black"></biggive-social-icon>
         <biggive-social-icon service="Instagram" url="https://www.instagram.com" background-colour="tertiary" icon-colour="black"></biggive-social-icon>
       </div>
-      <ul slot="nav-primary">
+      <div class="nav-toggle"></div>
+      <nav class="nav nav-primary">
         <li><a href="#">Explore Campaigns</a></li>
         <li><a href="#">For Charities</a></li>
         <li><a href="#">For Funders</a></li>

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

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a: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;