Atom Editor Personal Stylesheet - Tab bar style

styles.less

/* ******************************************************

Kevin Navia
kevin@pixelpush.org
Github: kevinn
Atom Editor Stylesheet
Description: Basically removes the skewed tab bar style 
that Atom Editor (htp://atom.io) has to standard tabs ui.

****************************************************** */

.editor { -webkit-font-smoothing: auto; }
.tree-view { font-size: 11px; }
.tab .icon-tools:before { width: 14px; font-size: 12px; }
.feedback-status { display: none; }
.focusable-panel,
.focusable-panel:focus { background-color: transparent; }

/* TAB BAR STYLES */
.tab-bar { height: 35px; }
.tab-bar .tab:before,
.tab-bar .tab:after,
.tab-bar .tab,
.tab-bar .tab .title,
.tab-bar .tab .close-icon { -webkit-transform: skewX(0); } //reset tab display

.tab-bar .tab {
  margin-right: 6px; margin-left: 10px;
  height: 25px; line-height: 24px;

  &:first-child { margin-left: 4px; }
  &:last-child { margin-right: -1px; }
  &:before {
    left: -10px;
    height: 25px;
  }
  &:after {
    right: -5px;
    width: 15px;
  }
  .close-icon {
    right: 4px;
    line-height: 23px;
  }
}

.tab-bar .tab.active {
  height: 26px;
  line-height: 25px;
  &:before,
  &:after { height: 26px; }
  &.active.modified {
    .close-icon { right: 5px; }
  }
  .title { top: 0;  }
}