Fira Code/Operator Atom Less Settings

styles_fira.less

## Fira Code with Flottflott

atom-text-editor.editor {
 .syntax — string.syntax — quoted,
 .syntax — string.syntax — regexp {
 -webkit-font-feature-settings: “liga” off, “calt” off;
 }
 .syntax — source.syntax — js.syntax — jsx > .syntax — keyword.syntax — control.syntax — flow.syntax — js,
 .syntax — storage, .syntax — type .syntax — function {
 vertical-align: baseline;
 font-family: ‘flottflott’;
 height: inherit;
 font-size: 1.5em;
 line-height: 1rem;
 }
 .syntax — source.syntax — js.syntax — jsx,
 .syntax — storage.syntax — type.syntax — function.syntax — arrow.syntax — js,
 .syntax — variable {
 font-family: ‘Fira Code’;
 font-style: normal;
 }
 .syntax — string.syntax — unquoted.syntax — js {
 color: #CDD3DE;
 }
 .syntax — entity.syntax — name {
 font-weight: bold;
 }
}

styles_operator.less

atom-text-editor.editor {
  font-family: "OperatorMono-Medium";
  text-rendering: optimizeLegibility;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;

  atom-text-editor.editor .syntax--string.syntax--quoted,
  atom-text-editor.editor .syntax--string.syntax--regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }
  
  .syntax--operator,
  .syntax--type.syntax--function.syntax--arrow,
  .syntax--punctuation.syntax--comment {
    font-family: "Fira Code";
  }

  .syntax--entity.syntax--other.syntax--attribute-name,
  .syntax--type.syntax--function,
  .syntax--storage.syntax--type.syntax--class,
  .syntax--type.syntax--var,
  .syntax--meta.syntax--parameters,
  .syntax--keyword.syntax--control,
  .syntax--modifier,
  .comment, .syntax--comment {
      font-family: "OperatorMono-MediumItalic";
      font-size: 1em;
  }

  .syntax--name.syntax--function,
  .syntax--variable.syntax--default,
  .syntax--name.syntax--class {
    font-weight: 600;
  }

}