Atom compact styles

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
 *
 * To apply this styles to your editor click on 
 *  Edit > Open your stylesheet ( Mac / Linux )
 *  File > Open your stylesheet ( Windows )
 *
 * And paste this file's contents
 *
 * More info @ http://arqex.com/971/a-compact-stylesheet-for-atom-editor
 */

 @tab-height: 24px;
 @line-height: @tab-height;

.tree-view {

}

.editor {

}

.editor .cursor {

}

.tab-bar {
  height: @tab-height + 1;
  line-height: @tab-height;
  border-bottom: 1px solid #333333;
  padding-left: 1px;

  &:after {
    display: none;
  }

  .tab, .tab.active {
    height: @tab-height;
    line-height: @line-height;
    border-left: 0;
    border-right: 1px solid #333333;
    margin: 0 1px 0 0;
    padding: 0 0 0 5px;
    top:0;


    &:first-child {
      margin-left: 0;
      padding-left: 5px;
    }

    &:before, &:after {
      display: none;
    }

    .title {
      line-height: @tab-height;

    }

    .close-icon {
      top: 1px;
      line-height: @line-height;
      height: @line-height;
      right: 5px;
    }

    &.modified .close-icon {
      heigth: 8px;
      right: 5px;
      line-height: @line-height;
    }
  }
}

.status-bar {
  line-height: 18px;
  height: 20px;
}

.list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
  line-height: 23px;
}

.list-tree.has-collapsable-children .list-nested-item > .list-tree > li, .list-tree.has-collapsable-children .list-nested-item > .list-group > li {
  padding-left: 10px;
}

Pretty good!

I prefer a large one though ^^

// A CUSTOM TEXT IN TABS
.tab-bar .tab .title {
  font-size: 18px;
  font-family: "Liberation Sans";
}

//A CUSTOM WIDTH OF THE TABS
.theme-one-dark-ui {
  .tab {
    min-width: 10em;
    max-width: 16em;
      }
}

Pretty good!

I prefer a large one though ^^

// A CUSTOM TEXT IN TABS
.tab-bar .tab .title {
  font-size: 18px;
  font-family: "Liberation Sans";
}

//A CUSTOM WIDTH OF THE TABS
.theme-one-dark-ui {
  .tab {
    min-width: 10em;
    max-width: 16em;
      }
}