| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| md-tooltip { |
| position: absolute; |
| z-index: 100; |
| overflow: hidden; |
| pointer-events: none; |
| border-radius: 4px; |
| font-weight: 500; |
| font-size: 14px; } |
| @media screen and (min-width: 960px) { |
| md-tooltip { |
| font-size: 10px; } } |
| md-tooltip .md-content { |
| position: relative; |
| white-space: nowrap; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| -webkit-transform-origin: center top; |
| transform-origin: center top; |
| -webkit-transform: scale(0); |
| transform: scale(0); |
| opacity: 0; |
| height: 32px; |
| line-height: 32px; |
| padding-left: 16px; |
| padding-right: 16px; } |
| @media screen and (min-width: 960px) { |
| md-tooltip .md-content { |
| height: 22px; |
| line-height: 22px; |
| padding-left: 8px; |
| padding-right: 8px; } } |
| md-tooltip .md-content.md-show-add { |
| transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); |
| transition-duration: .2s; |
| -webkit-transform: scale(0); |
| transform: scale(0); |
| opacity: 0; } |
| md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active { |
| -webkit-transform: scale(1); |
| transform: scale(1); |
| opacity: 1; |
| -webkit-transform-origin: center top; |
| transform-origin: center top; } |
| md-tooltip .md-content.md-show-remove { |
| transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); |
| transition-duration: .2s; } |
| md-tooltip .md-content.md-show-remove.md-show-remove-active { |
| -webkit-transform: scale(0); |
| transform: scale(0); |
| opacity: 0; } |
| md-tooltip.md-hide { |
| transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } |
| md-tooltip.md-show { |
| transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); |
| pointer-events: auto; |
| will-change: opacity, height, width; } |