@biggive/components 1.0.96 → 1.0.97

package/dist/collection/components/biggive-page-column/biggive-page-column.js

@@ -1,14 +1,18 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggivePageColumn {
   render() {
     return h("slot", null);
   }
   static get is() { return "biggive-page-column"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-page-column.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-page-column.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-page-column.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-page-column.css"]
+    };
+  }
 }

package/dist/collection/components/biggive-page-columns/biggive-page-columns.css

@@ -218,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;
@@ -496,7 +516,6 @@ a:hover {
   padding-right: 15px;
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: 15px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
@@ -508,4 +527,14 @@ a:hover {
 .columns .column-secondary {
   width: calc(33.4% - 15px);
   box-sizing: border-box;
+}
+
+@media screen and (max-width: 768px) {
+  .columns .column-primary {
+    width: 100%;
+    margin-bottom: 15px;
+  }
+  .columns .column-secondary {
+    width: 100%;
+  }
 }

package/dist/collection/components/biggive-page-columns/biggive-page-columns.js

@@ -1,45 +1,43 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggivePageColumns {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow },
-      h("div", { class: "columns" },
-        h("div", { class: "column-primary" },
-          h("slot", { name: "column-primary" })),
-        h("div", { class: "column-secondary" },
-          h("slot", { name: "column-secondary" })))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "columns" }, h("div", { class: "column-primary" }, h("slot", { name: "column-primary" })), h("div", { class: "column-secondary" }, h("slot", { name: "column-secondary" })))));
   }
   static get is() { return "biggive-page-columns"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-page-columns.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-page-columns.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"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-page-columns.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-page-columns.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"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-page-section/biggive-page-section.css

@@ -218,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;

package/dist/collection/components/biggive-page-section/biggive-page-section.js

@@ -1,108 +1,100 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggivePageSection {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Section style top
-     */
     this.sectionStyleTop = 'straight';
-    /**
-     * Section style bottom
-     */
     this.sectionStyleBottom = 'straight';
-    /**
-     * Colour scheme
-     */
     this.colourScheme = null;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' background-color-' + this.colourScheme + ' style-top-' + this.sectionStyleTop + ' style-bottom-' + this.sectionStyleBottom },
-      h("div", { class: "sleeve" },
-        h("slot", null))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' background-color-' + this.colourScheme + ' style-top-' + this.sectionStyleTop + ' style-bottom-' + this.sectionStyleBottom }, h("div", { class: "sleeve" }, h("slot", null))));
   }
   static get is() { return "biggive-page-section"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-page-section.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-page-section.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"
-    },
-    "sectionStyleTop": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Section style top"
-      },
-      "attribute": "section-style-top",
-      "reflect": false,
-      "defaultValue": "'straight'"
-    },
-    "sectionStyleBottom": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Section style bottom"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-page-section.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-page-section.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": "section-style-bottom",
-      "reflect": false,
-      "defaultValue": "'straight'"
-    },
-    "colourScheme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "sectionStyleTop": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Section style top"
+        },
+        "attribute": "section-style-top",
+        "reflect": false,
+        "defaultValue": "'straight'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Colour scheme"
+      "sectionStyleBottom": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Section style bottom"
+        },
+        "attribute": "section-style-bottom",
+        "reflect": false,
+        "defaultValue": "'straight'"
       },
-      "attribute": "colour-scheme",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+      "colourScheme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Colour scheme"
+        },
+        "attribute": "colour-scheme",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
 }