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

   1 @import "ui-variables";
   2
   3 .tooltip {
   4   @tip-background-color: #333;
   5   @tip-text-color: #fff;
   6   white-space: nowrap;
   7
   8   .keystroke {
   9     font-family: Helvetica, Arial, sans-serif;
  10     font-size: 13px;
  11     color: #c0c0c0;
  12     padding-left: 2px;
  13   }
  14
  15   &.in { opacity: 1; }
  16
  17   .tooltip-inner {
  18     line-height: 19px;
  19     border-radius: @component-border-radius;
  20     background-color: @tip-background-color;
  21     color: @tip-text-color;
  22     white-space: nowrap;
  23     max-width: none;
  24   }
  25
  26   &.top .tooltip-arrow {
  27     border-top-color: @tip-background-color;
  28   }
  29   &.top-left .tooltip-arrow {
  30     border-top-color: @tip-background-color;
  31   }
  32   &.top-right .tooltip-arrow {
  33     border-top-color: @tip-background-color;
  34   }
  35   &.right .tooltip-arrow {
  36     border-right-color: @tip-background-color;
  37   }
  38   &.left .tooltip-arrow {
  39     border-left-color: @tip-background-color;
  40   }
  41   &.bottom .tooltip-arrow {
  42     border-bottom-color: @tip-background-color;
  43   }
  44   &.bottom-left .tooltip-arrow {
  45     border-bottom-color: @tip-background-color;
  46   }
  47   &.bottom-right .tooltip-arrow {
  48     border-bottom-color: @tip-background-color;
  49   }
  50 }