atom-seti-stylesheet.less

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
  & > ol {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@font: "Ringside Narrow SSm";
@font-code: "Meslo LG M";
@tab-height: 40px;

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
  // border-color: red;
}

atom-workspace atom-pane-container atom-pane .item-views .pane-item .section-heading,
atom-workspace.seti-roboto,
atom-text-editor[mini] {
  font-family: @font !important;
}

atom-workspace.seti-roboto {
  font-family: @font;
}

atom-workspace .header {
  .icon-repo, &:hover:after { text-transform: uppercase; }
}


atom-workspace .entries .entry span {
  letter-spacing: 0.02em;
}

atom-workspace atom-panel.bottom.tool-panel a, atom-workspace atom-panel.footer.tool-panel a {
  color: #aaa;
}

atom-dock.left .tab-bar {
  display: none;
}

atom-workspace-axis.vertical .tab-bar {
  height: @tab-height;
}

atom-workspace-axis.vertical .tab-bar .tab {
  height: @tab-height;
  padding: 12px 18px 12px 10px;
  letter-spacing: 0.02em;
  max-width: 190px;

  & > .title {
    margin-right: 0;
    margin-top: 0;

    &:before {
      display: none;
      // margin-right: 5px;
    }
  }

  &.active { height: @tab-height; }

  .close-icon {
    top: 13px;
    right: 6px;
  }

  &.modified:not(:hover) .close-icon {
    top: 17px;
    right: 8px;
  }
}

atom-text-editor.editor {
  top: 10px;
}

.find-and-replace .header-item {
  letter-spacing: 0.06em;
  font-size: 0.95em;

  &.description { text-transform: uppercase; }
}

.elixir-docs-view {
  blockquote {
    font-family: @font-code;
  }

  * {
    line-height: 1.7em;
  }

  .btn.selected {
    color: #fff;
  }

  code {
    background-color: #1e3a46;
  }
}