Browse Source

Better font size scale

Alexander Zaytsev 6 years ago
parent
commit
6033f7d141

+ 4 - 7
packages/@uppy/core/src/_common.scss

@@ -110,16 +110,15 @@
 // Inputs
 
 .uppy-c-textInput {
-  border: 1px solid rgba($color-gray, 0.5);
+  border: 1px solid #ddd;
   border-radius: 4px;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   padding: 6px 8px;
   background-color: $color-white;
 }
 
   .uppy-size--md .uppy-c-textInput {
-    font-size: 14px;
     line-height: 1.8;
     padding: 8px 12px;
   }
@@ -150,7 +149,7 @@
   }
 
 .uppy-c-btn-primary {
-  font-size: 13px;
+  font-size: 14px;
   padding: 10px 18px;
   border-radius: 4px;
   background-color: $color-cornflower-blue;
@@ -158,7 +157,6 @@
 }
 
   .uppy-size--md .uppy-c-btn-primary {
-    font-size: 14px;
     padding: 13px 22px;
   }
 
@@ -172,7 +170,7 @@
   }
 
 .uppy-c-btn-link {
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1;
   padding: 10px 18px;
   border-radius: 4px;
@@ -181,7 +179,6 @@
 }
 
   .uppy-size--md .uppy-c-btn-link {
-    font-size: 14px;
     padding: 13px 28px;
     // border-radius: 4px;
   }

+ 2 - 2
packages/@uppy/dashboard/src/style.scss

@@ -561,7 +561,7 @@
 }
 
 .uppy-Dashboard-note {
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.25;
   text-align: center;
   color: rgba($color-asphalt-gray, 0.8);
@@ -1200,7 +1200,7 @@ a.uppy-Dashboard-poweredBy {
   color: $color-asphalt-gray;
 
   .uppy-size--md & {
-    font-size: 13px;
+    font-size: 14px;
   }
 }
 

+ 2 - 2
packages/@uppy/provider-views/src/style.scss

@@ -81,7 +81,7 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 400;
   height: 100%;
 }
@@ -157,7 +157,7 @@
   background-color: transparent;
   outline: 0;
   font-family: $font-family-base;
-  font-size: 13px;
+  font-size: 12px;
   line-height: 30px;
   border: 0;
   margin: 0 16px 0 0;

+ 2 - 3
packages/@uppy/status-bar/src/style.scss

@@ -125,12 +125,12 @@
   font-weight: 400;
 
   .uppy-size--md & {
-    font-size: 13px;
+    font-size: 14px;
   }
 }
 
 .uppy-StatusBar-statusSecondary {
-  font-size: 10px;
+  font-size: 11px;
   // line-height: 1;
   display: inline-block;
   color: rgba($color-asphalt-gray, 0.8);
@@ -140,7 +140,6 @@
   // max-width: 170px;
 
   .uppy-size--md & {
-    font-size: 11px;
     // max-width: 500px;
   }
 }