2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
16 @media screen and (min-width: 600px) {
19 md-tooltip .md-background {
22 -webkit-transform: translate(-50%, -50%) scale(0);
23 transform: translate(-50%, -50%) scale(0);
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);
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);
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);
40 md-tooltip .md-content {
44 text-overflow: ellipsis;
45 background: transparent;
50 padding-right: 16px; }
51 @media screen and (min-width: 600px) {
52 md-tooltip .md-content {
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);
60 md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
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 {
67 transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
69 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
71 -webkit-transform: translate3d(0, 0, 0);
72 transform: translate3d(0, 0, 0); }