ecomp-portal-FE/client/bower_components/angular-material/modules/closure/tooltip/tooltip.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 md-tooltip {
   9   position: absolute;
  10   z-index: 100;
  11   overflow: hidden;
  12   pointer-events: none;
  13   border-radius: 4px;
  14   font-weight: 500;
  15   font-size: 14px; }
  16   @media screen and (min-width: 600px) {
  17     md-tooltip {
  18       font-size: 10px; } }
  19   md-tooltip .md-background {
  20     position: absolute;
  21     border-radius: 50%;
  22     -webkit-transform: translate(-50%, -50%) scale(0);
  23             transform: translate(-50%, -50%) scale(0);
  24     opacity: 1; }
  25     md-tooltip .md-background.md-show-add {
  26       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  27       -webkit-transform: translate(-50%, -50%) scale(0);
  28               transform: translate(-50%, -50%) scale(0);
  29       opacity: 0; }
  30     md-tooltip .md-background.md-show, md-tooltip .md-background.md-show-add-active {
  31       -webkit-transform: translate(-50%, -50%) scale(1);
  32               transform: translate(-50%, -50%) scale(1);
  33       opacity: 1; }
  34     md-tooltip .md-background.md-show-remove {
  35       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  36       md-tooltip .md-background.md-show-remove.md-show-remove-active {
  37         -webkit-transform: translate(-50%, -50%) scale(0);
  38                 transform: translate(-50%, -50%) scale(0);
  39         opacity: 0; }
  40   md-tooltip .md-content {
  41     position: relative;
  42     white-space: nowrap;
  43     overflow: hidden;
  44     text-overflow: ellipsis;
  45     background: transparent;
  46     opacity: 0;
  47     height: 32px;
  48     line-height: 32px;
  49     padding-left: 16px;
  50     padding-right: 16px; }
  51     @media screen and (min-width: 600px) {
  52       md-tooltip .md-content {
  53         height: 22px;
  54         line-height: 22px;
  55         padding-left: 8px;
  56         padding-right: 8px; } }
  57     md-tooltip .md-content.md-show-add {
  58       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  59       opacity: 0; }
  60     md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
  61       opacity: 1; }
  62     md-tooltip .md-content.md-show-remove {
  63       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  64       md-tooltip .md-content.md-show-remove.md-show-remove-active {
  65         opacity: 0; }
  66   md-tooltip.md-hide {
  67     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  68   md-tooltip.md-show {
  69     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  70     pointer-events: auto;
  71     -webkit-transform: translate3d(0, 0, 0);
  72             transform: translate3d(0, 0, 0); }