// This should go in styles/syntax.less
// This file styles syntax highlighting in editors

@import "syntax-variables";

atom-text-editor {
  .syntax--comment {
    color: @syntax-comment;
    font-style: italic;
  }

  .syntax--string {
    color: @syntax-string;
  }

  .syntax--constant {
    &.syntax--numeric,
    &.syntax--language,
    &.syntax--character.syntax--escape,
    &.syntax--other {
      color: @syntax-constant;
    }
  }

  .syntax--variable {
    color: @syntax-variable;

    &.syntax--parameter {
      color: @syntax-parameter;
    }

    &.syntax--property {
      color: @syntax-property;
    }
  }

  .syntax--keyword {
    color: @syntax-keyword;

    &.syntax--operator {
      color: @syntax-operator;
    }

    &.syntax--control {
      color: @syntax-keyword;
    }

    &.syntax--other {
      color: @syntax-keyword;
    }
  }

  .syntax--storage {
    color: @syntax-storage;
  }

  .syntax--entity {
    &.syntax--name.syntax--function {
      color: @syntax-function;
    }

    &.syntax--name.syntax--type,
    &.syntax--name.syntax--class,
    &.syntax--name.syntax--struct,
    &.syntax--name.syntax--enum,
    &.syntax--name.syntax--union,
    &.syntax--name.syntax--trait,
    &.syntax--name.syntax--interface {
      color: @syntax-class;
      font-weight: bold;
    }

    &.syntax--name.syntax--tag {
      color: @syntax-tag;
    }

    &.syntax--other.syntax--attribute-name {
      color: @syntax-attribute;
    }
  }

  .syntax--meta {
    &.syntax--decorator {
      color: @syntax-decorator;
    }

    &.syntax--object-literal.syntax--key {
      color: @syntax-property;
    }
  }

  .syntax--punctuation {
    color: @syntax-punctuation;

    &.syntax--definition.syntax--comment {
      color: @syntax-comment;
    }

    &.syntax--definition.syntax--tag {
      color: @syntax-tag;
    }
  }

  .syntax--support {
    &.syntax--class,
    &.syntax--type {
      color: @syntax-class;
    }

    &.syntax--function {
      color: @syntax-function;
    }

    &.syntax--constant {
      color: @syntax-constant;
    }

    &.syntax--variable.syntax--property {
      color: @syntax-property;
    }
  }

  .syntax--markup {
    &.syntax--heading {
      color: @syntax-function;
      font-weight: bold;
    }

    &.syntax--bold {
      font-weight: bold;
    }

    &.syntax--italic {
      font-style: italic;
    }

    &.syntax--raw,
    &.syntax--inline.syntax--raw {
      color: @syntax-string;
    }
  }
}