atom-nuclide/pkg/nuclide-ui/styles/atom-text-editor.less

A unified developer experience for web and mobile development, built as a suite of features on top of Atom to provide hackability and the support of an active community.

@import "ui-variables";

/* ANSI Grammar */

atom-text-editor .ansi-escape-code,
atom-text-editor::shadow .ansi-escape-code {
// Ideally we'd like to just set this to `display:none`. But, unfortunately, having a display:none
// content in Atom's text editor messes with its internal size measurement logic.
// As a result it sometimes decides that on a horizontal resize of the containing panel
// to resize the editor contents as well. This effectively prevents any horizontal scrolling.
// As there's no overflown content after the resize.
//
// So, instead of display:none we set the text font size to 1px (0 didn't work) and color to
// transparent, which visually make it almost invisible.
  font-size: 1px;
  color: rgba(0, 0, 0, 0);
}

atom-text-editor .ansi.green,
atom-text-editor::shadow .ansi.green {
  color: rgb(103, 248, 111);
}

atom-text-editor .ansi.purple,
atom-text-editor::shadow .ansi.purple {
  color: magenta;
}

atom-text-editor .ansi.red,
atom-text-editor::shadow .ansi.red {
  color: rgb(205, 0, 0);
}

atom-text-editor .ansi.yellow,
atom-text-editor::shadow .ansi.yellow {
  color: rgb(255, 250, 114);
}

atom-text-editor .ansi.intensive,
atom-text-editor::shadow .ansi.intensive {
  font-weight: bold;
}

.nuclide-text-editor-container {
  flex-grow: 1;
  position: relative;

  atom-text-editor {
    width: 100%;
  }

  &.no-auto-grow {
    atom-text-editor {
      position: absolute;
      height: 100%;
    }
  }
}