Last active
October 18, 2018 18:30
-
-
Save sompylasar/87d273c98a472c59a0694e5d8b94b78c to your computer and use it in GitHub Desktop.
Atom 1.30: Adapt tree view and editor font size for large monitors (like the 27" ones). NOTE: This overrides the built-in editor text zoom feature (Cmd + / Cmd - / Cmd 0).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Adapt tree view and editor font size for large monitors (like the 27" ones). | |
@media (min-width: 1800px) { | |
// Root font size | |
body { | |
font-size: 18px; | |
} | |
// Editor font size is specified separately | |
atom-workspace { | |
// NOTE: This overrides the built-in editor text zoom feature (Cmd + / Cmd - / Cmd 0). | |
--editor-font-size: 18px; | |
// NOTE: Ideally, `--editor-line-height: 28px`, but the editor lines are grouped and positioned without accounting for this variable with `transform: translateY(126px);`. | |
--editor-line-height: 21px; | |
} | |
// Linter icons don't scale well with root font-size | |
.linter-status-count a { | |
padding: 3px 6px; | |
} | |
.linter-status-count a::before { | |
margin-right: 6px; | |
width: 16px; | |
height: 16px; | |
font-size: 16px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment