New font-size utility classes

patricklx · Sep 19, 2022 · 1bd7f7a · 1bd7f7a
1 parent d27e8d5
commit 1bd7f7a
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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">