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

   1 @import "ui-variables";
   2 @import "ui-mixins";
   3
   4 atom-panel.modal, .overlay {
   5   color: @text-color;
   6   background-color: @overlay-background-color;
   7   padding: @component-padding;
   8   border-radius: @component-border-radius;
   9   top: 20px;
  10   .ui-raised-shadow;
  11   padding-top: 28px;
  12   &:before {
  13     content: '';
  14     display: block;
  15     position: absolute;
  16     top: 2px;
  17     right: 2px;
  18     height: 18px;
  19     left: 2px;
  20     background: linear-gradient(to right, #09246B, #A4CBF6);
  21   }
  22
  23   &.from-top, &.modal {
  24     transform: translateY(50vh) translateY(-50%);
  25   }
  26
  27   atom-text-editor[mini] {
  28     margin-bottom: @component-padding;
  29   }
  30
  31   .select-list ol.list-group,
  32   &.select-list ol.list-group {
  33
  34     background-color: @inset-panel-background-color;
  35
  36     position: relative;
  37     border-top: 1px solid @shadow-2-color;
  38     border-left: 1px solid @shadow-2-color;
  39     border-bottom: 1px solid @highlight-2-color;
  40     border-right: 1px solid @highlight-2-color;
  41
  42     li {
  43       padding: @component-padding;
  44       border-top: 1px solid @inset-panel-border-color;
  45       border-left: 1px solid @inset-panel-border-color;
  46       border-right: 1px solid @inset-panel-border-color;
  47       &:last-child { border-bottom: 1px solid @inset-panel-border-color; }
  48
  49       &.two-lines { padding: @component-padding/2 @component-padding; }
  50       &.selected {
  51         .key-binding { background: transparent; }
  52       }
  53       .character-match { color: currentColor; }
  54
  55       .status.icon {
  56         float: right;
  57         margin-left: @component-icon-padding;
  58         &:before {
  59           margin-right: 0;
  60         }
  61       }
  62     }
  63
  64   }
  65 }