My Atom stylesheet

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

// Hide ignored items from the tree view
.tree-view {
  .status-ignored {
    display: none;
  }
}

////////////////////////////////////////////////////////////////////////////////
// Give the text some breathing room
.editor {
  padding-top: 0.5em;
}

.scroll-view {
  padding-left: 1em;
}

// Give the gutter some top padding to look nice with the editor padding
.gutter {
  padding-top: 0.5em;
  position: relative;
  top: -0.5em;
}
////////////////////////////////////////////////////////////////////////////////


////////////////////////////////////////////////////////////////////////////////
// Remove the 8px "dead space" beneath the tab row
.tab-bar:after {
  height: 0;
}

.tab-bar {
  height: 37px;

  .tab.active {
  }
}
////////////////////////////////////////////////////////////////////////////////