Merge pull request #189 from ember-learn/add-text-light

adding test-light class and added it to colour pallet demo
ember-learn · Jul 4, 2019 · bc70bdd · bc70bdd
2 parents f191dc0 + 1656531
commit bc70bdd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/addon/styles/typography.css b/addon/styles/typography.css
@@ -93,4 +93,8 @@
 
 .text-right {
   text-align: right;
-}
+}
+
+.text-light {
+  color: var(--color-light);
+}
diff --git a/tests/dummy/app/templates/components/color-pallet.hbs b/tests/dummy/app/templates/components/color-pallet.hbs
@@ -5,6 +5,16 @@
           <span class="{{textClass}} color-pallet__example-text">A</span>
 
 
+          <div class="color-pallet__example-text-result">
+            <span {{did-insert this.checkPassFail textClass rgb}}></span>
+          </div>
+      {{/each}}
+    </div>
+
+    <div class="color-pallet__example-text-row" style="grid-template-columns: repeat({{textClasses.length}}, 1fr)">
+      {{#each textClasses as |textClass|}}
+          <span class="{{textClass}} color-pallet__example-text text-light">A</span>
+
           <div class="color-pallet__example-text-result">
             <span {{did-insert this.checkPassFail textClass rgb}}></span>
           </div>