Merge pull request #274 from ember-learn/minor-improvements

Minor improvements

Author: mansona

addon/styles/background-shapes.css

@@ -32,3 +32,13 @@
   background-repeat: no-repeat;
   background-position: bottom left;
 }
+
+@media (max-width: 1007px) {
+  .bg-shape-boxes-bottom {
+    background-size: 300px;
+  }
+
+  .bg-shape-boxes-bottom + * {
+    background-size: 100px;
+  }
+}

addon/styles/components/es-card.css

@@ -6,6 +6,10 @@
   position: relative;
 }
 
+.bg-dark .card {
+  border-color: var(--color-gray-600);
+}
+
 .card[card-link] h1 > a::after,
 .card[card-link] h2 > a::after,
 .card[card-link] h3 > a::after,

addon/templates/components/es-page-header.hbs

@@ -1,9 +1,11 @@
 <div class="es-page-header bg-shape-boxes-bottom" ...attributes>
-  <div class="container">
-    <h1 class="text-hero-xl">{{@headline}}</h1>
+  <div class="container layout">
+    <div class="lg:col-5">
+      <h1 class="text-hero-xl">{{@headline}}</h1>
 
-    <p class="text-hero-base {{if hasBlock "mb-2"}}">{{@detail}}</p>
+      <p class="text-hero-base {{if hasBlock "mb-2"}}">{{@detail}}</p>
 
-    {{yield}}
+      {{yield}}
+    </div>
   </div>
-</div>
+</div>

docs/components/page-header.md

@@ -12,6 +12,12 @@ should use the `<EsPageHeader />` component:
 >
   <EsButton>Go</EsButton>
 </EsPageHeader>
+<section>
+  <div class="container">
+    <h2>Next Section</h2>
+    <p>This is here to show how the bg-shape continues onto the next section</p>
+  </div>
+</section>
 ```
 
 This example is making use of the [`dark` css helper](/css/helpers#dark)

index.js

@@ -31,9 +31,9 @@ module.exports = {
 
     svgJar: {
       sourceDirs: [
-        'public',
-        'node_modules/ember-styleguide/public',
-        'tests/dummy/public'
+        'public/images/icons',
+        'node_modules/ember-styleguide/public/images/icons',
+        'tests/dummy/public/images/icons'
       ]
     },
   },

package-lock.json

@@ -45,7 +45,7 @@
     "babel-eslint": "^8.2.6",
     "broccoli-asset-rev": "^3.0.0",
     "ember-a11y-landmarks": "^1.0.1",
-    "ember-array-helper": "^5.0.0",
+    "ember-array-helper": "^5.1.0",
     "ember-cli": "~3.10.1",
     "ember-cli-dependency-checker": "^3.1.0",
     "ember-cli-eslint": "^5.1.0",