Skip to content

Instantly share code, notes, and snippets.

@sompylasar
Last active October 18, 2018 18:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sompylasar/87d273c98a472c59a0694e5d8b94b78c to your computer and use it in GitHub Desktop.
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).
// 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