diff options
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/js/tooltip/tooltip.css')
-rw-r--r-- | ecomp-portal-FE/client/bower_components/angular-material/modules/js/tooltip/tooltip.css | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/js/tooltip/tooltip.css b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/tooltip/tooltip.css new file mode 100644 index 00000000..6679568d --- /dev/null +++ b/ecomp-portal-FE/client/bower_components/angular-material/modules/js/tooltip/tooltip.css @@ -0,0 +1,72 @@ +/*! + * 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); } |