Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Subtle italics in Atom syntaxes
atom-text-editor.editor {
.syntax--source {
font-family: FiraCode-Retina; //
text-rendering: optimizeLegibility;
letter-spacing: 0;
.syntax--string.regexp {
-webkit-font-feature-settings: 'liga' off, 'calt' off;
.syntax--source.syntax--js.syntax--jsx > .keyword.control.flow.jsx,
.syntax--comment, .syntax--type .syntax--function,
// .syntax--storage.syntax--type:not(.syntax-arrow), // allow "Fira Code" to show arrow ligature,
.syntax--storage.syntax--modifier {
// --- font variations:
// Space Mono:
font-family: 'Space Mono';
letter-spacing: -0.01em; // make "Space Mono" match "Fira Code" char width
// --- or
// Fantasque Sans Mono:
// font-family: FantasqueSansMonoNerdFontCM-Italic;
// letter-spacing: 0.0825em; // make "Fantasque Sans Mono" match "Fira Code" char width
// ---
font-size: 1em;
font-style: italic;

This comment has been minimized.

Copy link

robinpokorny commented May 22, 2017

Thank you!

BTW Line 16 should have :not(.syntax--arrow) in it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.