Atom stylesheet customizations

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
 */

.tab-bar {
  display: block;
  white-space: nowrap;
  height: 3.25em;
}

.tab-bar .tab .title {
  margin: 0.4em 1.2em 0;
}

.tab-bar .tab .close-icon {
  top: 0.85em;
  right: 0.85em;
  cursor: pointer;
  background-color: #e6e6e6;
}

.tab-bar .tab .close-icon:hover {
  color: #5a8ae9;
  background-color: #d8e0f0 !important;
}

.tab-bar .tab.modified {
  font-weight: 500;
}