styles.less

@import "ui-variables";
@import "syntax-variables";

@line-background-color: #f2faff;

.editor:not(.mini) {
  width: 1100px;
  margin: 40px auto;

  .gutter {
    background-color: #fff;

    .line-number {
      padding-right: 2em;
    }
  }

  .line-number.cursor-line-no-selection {
      background-color: darken(@line-background-color, 1.5%)
  }

  .line.cursor-line {
    background-color: @line-background-color;
  }
}

.tree-view-resizer {
  width: 300px;
}

.item-views {
  background-color:  @syntax-background-color;
}

.zen {
  .gutter {
    display: block;
  }

  .editor:not(.mini) {
    width: 1000px;
  }
}