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