font-size px to rem

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

Hide file tree

Showing 12 changed files with 20 additions and 20 deletions.
diff --git a/app/styles/component_tree.scss b/app/styles/component_tree.scss
@@ -1,6 +1,6 @@
 .component-tree-item {
   color: var(--base12);
-  font-size: 12px;
+  font-size: 1.2rem;
   min-height: 22px;
 
   &__actions {

diff --git a/app/styles/deprecations.scss b/app/styles/deprecations.scss
@@ -1,6 +1,6 @@
 .deprecation-item {
   border-bottom: 1px solid var(--base01);
-  font-size: 14px;
+  font-size: 1.4rem;
 
   .send-to-console {
     font-size: inherit;

diff --git a/app/styles/dropdown.scss b/app/styles/dropdown.scss
@@ -17,7 +17,7 @@
   box-sizing: border-box;
   color: var(--base13);
   display: block;
-  font-size: 12px;
+  font-size: 1.2rem;
   height: 100%;
   margin: 0;
   padding: 0 16px 0 5px;

diff --git a/app/styles/ember-table.scss b/app/styles/ember-table.scss
@@ -69,7 +69,7 @@ $red: #ff2717;
   .et-sort-indicator:before {
     content: '\25be';
     display: inline-block;
-    font-size: 1rem;
+    font-size: 1.4rem;
     line-height: 1;
     transform: rotate(0);
   }

diff --git a/app/styles/mixin.scss b/app/styles/mixin.scss
@@ -55,7 +55,7 @@ $mixin-left-padding: 22px;
 .mixin__properties {
   border-bottom: 1px solid var(--base03);
   font-family: var(--font-monospace);
-  font-size: 12px;
+  font-size: 1.2rem;
   list-style-type: none;
   margin: 0;
   padding: 3px 0 5px;
@@ -162,7 +162,7 @@ $mixin-left-padding: 22px;
   border: 1px solid var(--base09);
   color: var(--base14);
   flex: 1;
-  font-size: 12px;
+  font-size: 1.2rem;
   outline: none;
 }
 

diff --git a/app/styles/object_inspector.scss b/app/styles/object_inspector.scss
@@ -53,7 +53,7 @@
 
 .mixin__property-dependency-item {
   color: var(--base12);
-  font-size: 11px;
+  font-size: 1.1rem;
   margin-bottom: 2px;
   margin-left: 55px;
   position: relative;
@@ -94,7 +94,7 @@
   color: var(--white);
   display: inline-block;
   font-family: var(--font-monospace);
-  font-size: 13px;
+  font-size: 1.3rem;
   height: 17px;
   line-height: 17px;
   text-align: center;

diff --git a/app/styles/utils.scss b/app/styles/utils.scss
@@ -145,6 +145,6 @@ $units: 0, 1, 2, 3, 4, 5, 6;
 .text-base11 { color: var(--base11); }
 .text-base13 { color: var(--base13); }
 
-.text-12 { font-size: 12px; }
-.text-13 { font-size: 13px; }
-.text-18 { font-size: 18px; }
+.text-12 { font-size: 1.2rem; }
+.text-13 { font-size: 1.3rem; }
+.text-18 { font-size: 1.8rem; }
diff --git a/app/styles/whats-new.scss b/app/styles/whats-new.scss
@@ -2,14 +2,14 @@
   padding: 30px 40px;
 
   h1 {
-    font-size: 34px;
+    font-size: 3.4rem;
     font-weight: 700;
     margin-bottom: 0.25rem;
   }
 
   h2 {
     border-bottom: 1px solid var(--base02);
-    font-size: 21px;
+    font-size: 2.1rem;
     margin-bottom: 1rem;
     padding-bottom: 1rem;
   }
@@ -21,7 +21,7 @@
 
   li,
   p {
-    font-size: 14px;
+    font-size: 1.4rem;
     line-height: 120%;
     margin-bottom: 0.5rem;
   }

diff --git a/lib/ui/addon/styles/_list.scss b/lib/ui/addon/styles/_list.scss
@@ -1,7 +1,7 @@
 .list {
   background: var(--base00);
   box-sizing: border-box;
-  font-size: 11px;
+  font-size: 1.1rem;
   height: 100%;
   overflow: hidden;
   position: relative;

diff --git a/lib/ui/addon/styles/_nav.scss b/lib/ui/addon/styles/_nav.scss
@@ -1,7 +1,7 @@
 .nav__title {
   color: var(--base09);
   cursor: default;
-  font-size: 12px;
+  font-size: 1.2rem;
   height: 22px;
   line-height: 22px;
   margin: 2px 0 0;
@@ -57,7 +57,7 @@
 
 .nav__item-label {
   flex-grow: 1;
-  font-size: 13px;
+  font-size: 1.3rem;
 }
 
 .nav__item-icon {

diff --git a/lib/ui/addon/styles/_pill.scss b/lib/ui/addon/styles/_pill.scss
@@ -4,7 +4,7 @@
   cursor: inherit;
   display: inline-block;
   font-family: var(--font-monospace);
-  font-size: 12px;
+  font-size: 1.2rem;
   line-height: 12px;
   margin: 0 2px;
   padding: 2px 6px;
@@ -17,7 +17,7 @@
 }
 
 .pill--small {
-  font-size: 10px;
+  font-size: 1.0rem;
   padding: 2px 4px;
 }
 

diff --git a/lib/ui/addon/styles/toolbar/_radio.scss b/lib/ui/addon/styles/toolbar/_radio.scss
@@ -5,7 +5,7 @@
   color: var(--base14);
   cursor: default;
   display: inline-block;
-  font-size: 12px;
+  font-size: 1.2rem;
   line-height: 18px;
   margin-left: 2px;
   margin-right: 2px;