style: add media-query to resize font-size on high dpi screens

atom-community · Sep 22, 2024 · fd5e2b5 · fd5e2b5
1 parent 6ec4827
commit fd5e2b5
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/styles/tool-bar.less b/styles/tool-bar.less
@@ -21,6 +21,13 @@
 
     &:before {
       display: inline;
+
+      // Adjust font-size on high DPI ("Retina") screens
+      @media only screen and (min-device-pixel-ratio: 2),
+        only screen and (min-resolution: 192dpi),
+        only screen and (min-resolution: 2dppx) {
+        font-size: 200%;
+      }
     }
     &:focus,
     &:hover {