From 1656531b9e1dcf51bd6dfd577b7f783c5697288b Mon Sep 17 00:00:00 2001
From: Chris Manson <chris@manson.ie>
Date: Thu, 4 Jul 2019 11:02:00 +0100
Subject: [PATCH] adding test-light class and added it to color pallet demo

---
 addon/styles/typography.css                           |  6 +++++-
 tests/dummy/app/templates/components/color-pallet.hbs | 10 ++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/addon/styles/typography.css b/addon/styles/typography.css
index f5c88f61..ba92c21a 100644
--- a/addon/styles/typography.css
+++ b/addon/styles/typography.css
@@ -93,4 +93,8 @@
 
 .text-right {
   text-align: right;
-}
\ No newline at end of file
+}
+
+.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
index 18f4abaf..0c52301e 100644
--- 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>