@biggive/components 0.0.1 → 0.0.4

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8692cc53.js');
+
+/*
+ Stencil Client Patch Esm v2.17.1 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["biggive-campaign-card_3.cjs",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[1],"categories":[1],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/assets/fonts/EuclidTriangle/stylesheet.css

@@ -0,0 +1,89 @@
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle SemiBold Italic'), local('EuclidTriangle-SemiBoldItalic'),
+        url('EuclidTriangle-SemiBoldItalic.woff2') format('woff2'),
+        url('EuclidTriangle-SemiBoldItalic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Bold'), local('EuclidTriangle-Bold'),
+        url('EuclidTriangle-Bold.woff2') format('woff2'),
+        url('EuclidTriangle-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Medium Italic'), local('EuclidTriangle-MediumItalic'),
+        url('EuclidTriangle-MediumItalic.woff2') format('woff2'),
+        url('EuclidTriangle-MediumItalic.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Light'), local('EuclidTriangle-Light'),
+        url('EuclidTriangle-Light.woff2') format('woff2'),
+        url('EuclidTriangle-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Regular'), local('EuclidTriangle-Regular'),
+        url('EuclidTriangle-Regular.woff2') format('woff2'),
+        url('EuclidTriangle-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Light Italic'), local('EuclidTriangle-LightItalic'),
+        url('EuclidTriangle-LightItalic.woff2') format('woff2'),
+        url('EuclidTriangle-LightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Medium'), local('EuclidTriangle-Medium'),
+        url('EuclidTriangle-Medium.woff2') format('woff2'),
+        url('EuclidTriangle-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Italic'), local('EuclidTriangle-Italic'),
+        url('EuclidTriangle-Italic.woff2') format('woff2'),
+        url('EuclidTriangle-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Bold Italic'), local('EuclidTriangle-BoldItalic'),
+        url('EuclidTriangle-BoldItalic.woff2') format('woff2'),
+        url('EuclidTriangle-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle SemiBold'), local('EuclidTriangle-SemiBold'),
+        url('EuclidTriangle-SemiBold.woff2') format('woff2'),
+        url('EuclidTriangle-SemiBold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,14 @@
+{
+  "entries": [
+    "./components/biggive-campaign-card/biggive-campaign-card.js",
+    "./components/biggive-grid/biggive-grid.js",
+    "./components/demo-campaign-cards/demo-campaign-cards.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.17.1",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css

@@ -0,0 +1,199 @@
+:host {
+  display: block;
+  margin-bottom: 30px;
+}
+
+:host([column='1-5']) {
+  width: 100%;
+}
+
+:host([column='1-2']) {
+  width: calc(50% - (30px / 2));
+}
+
+:host([column='1-3']) {
+  width: calc(33.3% - (60px / 3));
+}
+
+:host([column='1-4']) {
+  width: calc(25% - (90px / 4));
+}
+
+:host([column='1-5']) {
+  width: calc(20% - (120px / 5));
+}
+
+.container {
+  font-family: 'Euclid Triangle', sans-serif;
+  filter: drop-shadow(-1px 6px 3px rgba(0,0,0,0.25));
+}
+
+.sleeve {
+  clip-path:
+    polygon(
+      0% 0%,     /* top left */
+      0% 0%,     /* top left */
+      100% 0%,    /* top right */
+      100% 0%,   /* top right */
+      100% 100%,  /* bottom right */
+      100% 100%,  /* bottom right */
+      10% 100%,   /* bottom left */
+      0 90%      /* bottom left */
+    );
+}
+
+.content {
+  padding: 15px;
+  background-color: #FFFFFF;
+}
+
+.campaign-type {
+  margin-left: 15px;
+  width: 0;
+  height: 0;
+  border-style: inset;
+  border-width: 86.6px 50px 0 50px;
+  border-color: #2AF135 transparent transparent transparent;
+  float: left;
+  transform: rotate(360deg);
+}
+
+.campaign-type span {
+  display: block;
+  text-align: center;
+  top: -75px;
+  left: -25px;
+  position: relative;
+  width: 46.5px;
+  height: 46.5px;
+  margin: 0;
+  color: #2C089B;
+  font-size: 12px;
+}
+
+.banner {
+  padding-bottom: 30%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+}
+
+.banner img {
+  display: none;
+}
+
+.meta-wrap.style-1 {
+  display: flex;
+  font-size: 16px;
+  line-height: 20px;
+  margin-bottom: 20px;
+}
+
+.meta-wrap.style-1 .meta-item {
+  width: 50%;
+}
+
+.meta-wrap.style-1 .meta-item .label {
+  font-weight: bold;
+}
+
+.meta-wrap.style-1 .meta-item .text {
+  color: #2C089B;
+}
+
+header  {
+  margin-bottom: 20px;
+}
+
+header .slug {
+  text-transform: uppercase;
+  font-size: 12px;
+  line-height: 14px;
+}
+
+header h3 {
+  margin: 0;
+  padding: 0;
+  font-size: 24px;
+  line-height: 28px;
+}
+
+
+.meta-wrap.style-2 {
+  display: flex;
+  font-size: 12px;
+  line-height: 14px;
+  margin-bottom: 40px;
+}
+
+.meta-wrap.style-2 .meta-item {
+  width: 50%;
+}
+
+.meta-wrap.style-2 .meta-item .label {
+  font-weight: bold;
+  display: block;
+  margin-bottom: 10px;
+}
+
+.meta-wrap.style-2 .meta-item .text {
+  display: block;
+  font-size: 16px;
+  line-height: 18px;
+}
+
+.meta-wrap.style-2 .meta-item .text i {
+  margin-right: 10px;
+}
+
+
+.meta-wrap.style-3 {
+  display: flex;
+  font-size: 16px;
+  line-height: 20px;
+  margin-bottom: 20px;
+}
+
+.meta-wrap.style-3 .meta-item {
+  margin-right: 60px;
+}
+
+.meta-wrap.style-3 .meta-item .label {
+  font-weight: bold;
+  display: block;
+  font-size: 12px;
+  line-height: 14px;
+  margin-bottom: 10px;
+}
+
+.meta-wrap.style-3 .meta-item .text {
+  display: block;
+  font-size: 36px;
+  line-height: 40px;
+  font-weight: bold;
+}
+
+.meta-wrap.style-3 .meta-item:last-child .text {
+  color: #2C089B;
+}
+
+.button-wrap {
+  text-align: right;
+}
+
+.button-wrap a {
+  display: inline-block;
+  padding: 15px 30px;
+  color: #FFFFFF;
+  background-color: #2C089B;
+  cursor: pointer;
+  text-transform: uppercase;
+  font-size: 12px;
+  text-decoration: none;
+}
+
+.icon {
+  height: 1rem;
+  width: 2rem;
+  vertical-align: -.125rem;
+}