atom.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 {
   font-size: 12px;
   .list-item {
     line-height: 21px !important;
   }
   .selected:before, .selected:before {
     height: 18px !important;
   }
   .icon:before {
     font-size: 11px;
     width: 10px;
     height: 10px;
     opacity: .6;
     position: relative;
     top: 0px;
   }
   .header:before {
     font-size: 10px !important;
     opacity: .6;
     margin-right: 0px !important;
   }
 }

 /* more subtle invisibles */
 .editor {
   .invisible-character {
     color: #504949;
     opacity: 0.5;
   }
   .indent-guide {
     opacity: .5;
   }
 }


 /* thicker cursor */
 .editor .cursor {
   border-left-width: 2px;
 }

 .editor.is-focused .line-number.cursor-line-no-selection, .editor.is-focused .line.cursor-line {
     background-color: rgba(53, 57, 60, 0)
 }

 .editor.is-focused .selection .region {
   background-color: RGBA(100, 110, 100, 0.6);
   color: #fff !important;
   text-shadow: none;
 }

.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;
}