Smaller, more compact tab-bar for Atom.io

styles.less

/**
 * Smaller tab bar
 *
 * Original by Adrian Unger (staydecent): https://gist.github.com/staydecent/9260095
 * Modified by Bas Dalenoord (bdalenoord): https://gist.github.com/bdalenoord/8566f832ef2560374d58dec81580e749
 *
 * Modifications include: smaller top margin, small active block, less overall height.
 * Tested with Atom 1.7.0
 *
 * Installation:
 *  - Open 'Settings' (CTRL + ,)
 *  - Navigate to 'Themes'
 *  - Click on 'your stylesheet' near the top
 *  - Paste in the rules.
 */
.tab-bar {
  height: 25px;
  padding: 0;
  margin-top: -5px;

  .tab {
    -webkit-transform: none;
    top: 2px;
    line-height: 25px;

    &.active {
      height: 25px;

      &:before {
        height: 25px;
      }
    }

    &:before {
      -webkit-transform: none;
      width: 3px;
    }

    .close-icon {
      -webkit-transform: none;
      line-height: 25px;
    }

    .title {
      -webkit-transform: none;
    }
  }
}