Use more consistent font sizing throughout

rust-lang · Oct 2, 2024 · 8ecce6f · 8ecce6f
1 parent 67506e4
commit 8ecce6f
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 8 deletions.
diff --git a/ui/frontend/ConfigElement.module.css b/ui/frontend/ConfigElement.module.css
@@ -5,7 +5,6 @@
 
 .name {
   flex: 1;
-  font-size: 13px;
 }
 
 .notDefault {
@@ -46,7 +45,6 @@
     padding: 0 1em;
     color: #777;
     font-weight: 600;
-    font-size: 11px;
     text-align: center;
     text-transform: uppercase;
 

diff --git a/ui/frontend/Header.module.css b/ui/frontend/Header.module.css
@@ -6,7 +6,7 @@
 }
 
 .container {
-  font-size: 12px;
+  font-size: var(--secondary-font-size);
   padding: 1.25em 0;
   justify-content: space-between;
 }
diff --git a/ui/frontend/MenuGroup.module.css b/ui/frontend/MenuGroup.module.css
@@ -13,7 +13,7 @@
   border-bottom: 1px solid var(--header-main-border);
   padding-bottom: 10px;
   font-weight: 700;
-  font-size: 11px;
+  font-size: var(--secondary-font-size);
   text-transform: uppercase;
 }
 

diff --git a/ui/frontend/PopButton.module.css b/ui/frontend/PopButton.module.css
@@ -3,7 +3,7 @@ $arrow-width: 20px;
 
 .container {
   z-index: 10;
-  font-size: 12px;
+  font-size: var(--secondary-font-size);
 
   & button:enabled {
     cursor: pointer;

diff --git a/ui/frontend/Stdin.module.css b/ui/frontend/Stdin.module.css
@@ -27,7 +27,7 @@
 }
 
 .buttons {
-  font-size: 11px;
+  font-size: var(--secondary-font-size);
 }
 
 .menu {

diff --git a/ui/frontend/index.module.css b/ui/frontend/index.module.css
@@ -2,6 +2,8 @@
 :root {
   /* Fonts */
   --primary-font: 'Open Sans', sans-serif;
+  --primary-font-size: 18px;
+  --secondary-font-size: calc(0.75 * var(--primary-font-size));
 
   /* Header */
   --header-transition: 0.2s ease-in-out;
@@ -212,7 +214,7 @@ body {
   padding: 0 1em;
   font-family: var(--primary-font);
   font-optical-sizing: auto;
-  font-size: 18px;
+  font-size: var(--primary-font-size);
 }
 
 /* stylelint-disable-next-line selector-class-pattern */

diff --git a/ui/frontend/shared.module.css b/ui/frontend/shared.module.css
@@ -37,7 +37,6 @@
 
 .-menuItemTitle {
   font-weight: 600;
-  font-size: 13px;
 }
 
 .-menuItemFullButton {
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,7 @@ @@
     }
     .buttons {
-      font-size: 11px;
+      font-size: var(--secondary-font-size);
     }
     .menu {
@@ Expand Down @@