git.r.bdr.sh - rbdr/dotfiles/blob - atom/packages/aesthetic-ui/styles/editor.less

   1 @import "ui-variables";
   2 @import "ui-mixins";
   3
   4 atom-text-editor,
   5 atom-text-editor[mini], atom-text-editor[mini]::shadow,
   6 select.form-control,
   7 .settings-view select.form-control {
   8   .ui-inset-shadow;
   9   border-radius: 0;
  10 }
  11
  12 atom-text-editor[mini], atom-text-editor[mini]::shadow,
  13 select.form-control,
  14 .settings-view select.form-control {
  15   background-color: white;
  16 }
  17
  18 atom-text-editor {
  19   padding: 2px;
  20 }
  21
  22 atom-text-editor[mini], atom-text-editor[mini]::shadow {
  23   color: lighten(@text-color, 15%);
  24
  25   border-radius: @component-border-radius;
  26   padding-left: @component-padding/2;
  27
  28   .cursor { border-color: #000; }
  29   .selection .region { background-color: rgba(0, 0, 0, .2); }
  30   .placeholder-text {
  31     color: lighten(@text-color-subtle, 10%);
  32   }
  33 }
  34
  35 atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow {
  36   color: @text-color;
  37   background-color: @input-background-color;
  38   border-color: @input-border-color;
  39   .placeholder-text {
  40     color: @text-color-subtle;
  41   }
  42   .selection .region {
  43     background-color: lighten(@background-color-info, 30%);
  44   }
  45 }
  46
  47 // FIXME: these should go in syntax themes?
  48 atom-text-editor, atom-text-editor::shadow {
  49   .gutter.drop-shadow {
  50     -webkit-box-shadow: -2px 0 10px 2px #222;
  51   }
  52 }