/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v0.9.8 */ /* mixin definition ; sets LTR and RTL within the same style call */ 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: 600px) { md-tooltip { font-size: 10px; } } md-tooltip .md-background { position: absolute; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 1; } md-tooltip .md-background.md-show-add { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } md-tooltip .md-background.md-show, md-tooltip .md-background.md-show-add-active { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } md-tooltip .md-background.md-show-remove { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } md-tooltip .md-background.md-show-remove.md-show-remove-active { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } md-tooltip .md-content { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: transparent; opacity: 0; height: 32px; line-height: 32px; padding-left: 16px; padding-right: 16px; } @media screen and (min-width: 600px) { 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); opacity: 0; } md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active { opacity: 1; } md-tooltip .md-content.md-show-remove { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } md-tooltip .md-content.md-show-remove.md-show-remove-active { 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; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }