Merge pull request #1 from Bounteous-Inc/test-branch

Test branch

.eslintignore

@@ -1 +1,2 @@
-helix-importer-ui
+helix-importer-ui
+blocks/quote/quote.js

blocks/cards/cards.css

@@ -8,12 +8,12 @@
 }
 
 .cards > ul > li {
-  border: 1px solid #dadada;
+  border: 1px solid red;
   background-color: var(--background-color);
 }
 
 .cards .cards-card-body {
-  margin: 16px;
+  margin: 19px;
 }
 
 .cards .cards-card-image {

blocks/quote/_quote.json

@@ -0,0 +1,48 @@
+{
+  "definitions": [
+    {
+      "title": "Quote",
+      "id": "quote",
+      "plugins": {
+        "xwalk": {
+          "page": {
+            "resourceType": "core/franklin/components/block/v1/block",
+            "template": {
+              "name": "Quote",
+              "model": "quote"
+            }
+          }
+        }
+      }
+    }
+  ],
+  "models": [
+    {
+      "id": "quote",
+      "fields": [
+        {
+          "component": "reference",
+          "valueType": "string",
+          "name": "image",
+          "label": "Image",
+          "multi": false
+        },
+        {
+          "component": "text",
+          "valueType": "string",
+          "name": "imageAlt",
+          "label": "Alt",
+          "value": ""
+        },
+        {
+          "component": "richtext",
+          "name": "text",
+          "value": "",
+          "label": "Text",
+          "valueType": "string"
+        }
+      ]
+    }
+  ],
+  "filters": []
+}

blocks/quote/quote.css

@@ -0,0 +1,37 @@
+.quote-container .quote-wrapper {
+  max-width: unset;
+  padding: 0;
+}
+
+.quote {
+  position: relative;
+  padding: 20px 24px;
+  min-height: 400px;
+}
+
+.quote h1 {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  color: var(--background-color);
+}
+
+.quote picture {
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  object-fit: cover;
+  box-sizing: border-box;
+}
+
+.quote img {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+@media (width >= 900px) {
+  .quote {
+    padding: 40px 32px;
+  }
+}

blocks/quote/quote.js

@@ -0,0 +1 @@
+