From 1bd7f7a9ab849956e1f9260e1f6fbe4d78ee3f83 Mon Sep 17 00:00:00 2001
From: Jerry Nummi <jerrynummi@me.com>
Date: Tue, 10 Mar 2020 12:37:12 -0700
Subject: [PATCH] New font-size utility classes

---
 app/styles/utils.scss                            | 13 ++++++++++---
 lib/ui/addon/components/empty-message.hbs        |  2 +-
 lib/ui/addon/components/error-page.hbs           |  4 ++--
 lib/ui/addon/components/toolbar-search-field.hbs |  2 +-
 lib/ui/addon/components/warning-message.hbs      |  2 +-
 5 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/app/styles/utils.scss b/app/styles/utils.scss
index 3f7fd01572..64bf59755a 100644
--- a/app/styles/utils.scss
+++ b/app/styles/utils.scss
@@ -145,6 +145,13 @@ $units: 0, 1, 2, 3, 4, 5, 6;
 .text-base11 { color: var(--base11); }
 .text-base13 { color: var(--base13); }
 
-.text-12 { font-size: 1.2rem; }
-.text-13 { font-size: 1.3rem; }
-.text-18 { font-size: 1.8rem; }
+.text-xs { font-size: 1rem; }
+.text-sm { font-size: 1.1rem; }
+.text-base { font-size: 1.2rem; }
+.text-md { font-size: 1.3rem; }
+.text-lg { font-size: 1.4rem; }
+.text-xl { font-size: 1.5rem; }
+.text-2xl { font-size: 1.6rem; }
+.text-3xl { font-size: 1.7rem; }
+.text-4xl { font-size: 1.8rem; }
+.text-5xl { font-size: 1.9rem; }
diff --git a/lib/ui/addon/components/empty-message.hbs b/lib/ui/addon/components/empty-message.hbs
index 0bd1bd9d8b..f1d9b43e74 100644
--- a/lib/ui/addon/components/empty-message.hbs
+++ b/lib/ui/addon/components/empty-message.hbs
@@ -1,4 +1,4 @@
-<div class="empty-message flex flex-col items-center justify-center h-full text-center text-base11 text-18" ...attributes>
+<div class="empty-message flex flex-col items-center justify-center h-full text-center text-base11 text-4xl" ...attributes>
   {{svg-jar "ember-icon-empty" width="129px" height="129px"}}
   <div class="empty-message__content pt-4 px-6">{{yield}}</div>
 </div>
diff --git a/lib/ui/addon/components/error-page.hbs b/lib/ui/addon/components/error-page.hbs
index e3fb8aae8f..9c20ed16af 100644
--- a/lib/ui/addon/components/error-page.hbs
+++ b/lib/ui/addon/components/error-page.hbs
@@ -1,6 +1,6 @@
-<div class="error-page box-border overflow-auto absolute inset-0 flex text-base13 text-13 bg-base02">
+<div class="error-page box-border overflow-auto absolute inset-0 flex text-base13 text-md bg-base02">
   <div class="error-page__content box-border relative m-auto px-6 pb-6 rounded bg-base00">
-    <div class="error-page__header overflow-hidden relative flex items-center font-bold text-18">
+    <div class="error-page__header overflow-hidden relative flex items-center font-bold text-4xl">
       <div class="flex-grow pt-6">
         {{@description}}
       </div>
diff --git a/lib/ui/addon/components/toolbar-search-field.hbs b/lib/ui/addon/components/toolbar-search-field.hbs
index c49ec7fe39..63d42fe09c 100644
--- a/lib/ui/addon/components/toolbar-search-field.hbs
+++ b/lib/ui/addon/components/toolbar-search-field.hbs
@@ -4,7 +4,7 @@
     @type="text"
     @value={{@value}}
     placeholder="Search"
-    class="box-border m-0 rounded pt-0 pr-4 pb-0 pl-1 text-12 leading-none outline-none bg-base00"
+    class="box-border m-0 rounded pt-0 pr-4 pb-0 pl-1 text-base leading-none outline-none bg-base00"
   />
 
   {{#if @value}}
diff --git a/lib/ui/addon/components/warning-message.hbs b/lib/ui/addon/components/warning-message.hbs
index da42a3c49b..cbc8f48a85 100644
--- a/lib/ui/addon/components/warning-message.hbs
+++ b/lib/ui/addon/components/warning-message.hbs
@@ -1,4 +1,4 @@
-<div class="warning flex flex-row items-center justify-start py-1 px-2 text-12 bg-spec00">
+<div class="warning flex flex-row items-center justify-start py-1 px-2 text-base bg-spec00">
   {{svg-jar "warning" width="18px" height="18px" class="inline-block flex-shrink-0 mr-1 fill-current"}}
 
   <p class="flex-grow m-0 p-0">