You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

67 lines
2.0 KiB

7 years ago
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.3
  6. */
  7. .md-tooltip {
  8. pointer-events: none;
  9. border-radius: 4px;
  10. overflow: hidden;
  11. opacity: 0;
  12. font-weight: 500;
  13. font-size: 14px;
  14. white-space: nowrap;
  15. text-overflow: ellipsis;
  16. height: 32px;
  17. line-height: 32px;
  18. padding-right: 16px;
  19. padding-left: 16px; }
  20. .md-tooltip.md-origin-top {
  21. -webkit-transform-origin: center bottom;
  22. transform-origin: center bottom;
  23. margin-top: -24px; }
  24. .md-tooltip.md-origin-right {
  25. -webkit-transform-origin: left center;
  26. transform-origin: left center;
  27. margin-left: 24px; }
  28. .md-tooltip.md-origin-bottom {
  29. -webkit-transform-origin: center top;
  30. transform-origin: center top;
  31. margin-top: 24px; }
  32. .md-tooltip.md-origin-left {
  33. -webkit-transform-origin: right center;
  34. transform-origin: right center;
  35. margin-left: -24px; }
  36. @media (min-width: 960px) {
  37. .md-tooltip {
  38. font-size: 10px;
  39. height: 22px;
  40. line-height: 22px;
  41. padding-right: 8px;
  42. padding-left: 8px; }
  43. .md-tooltip.md-origin-top {
  44. margin-top: -14px; }
  45. .md-tooltip.md-origin-right {
  46. margin-left: 14px; }
  47. .md-tooltip.md-origin-bottom {
  48. margin-top: 14px; }
  49. .md-tooltip.md-origin-left {
  50. margin-left: -14px; } }
  51. .md-tooltip.md-show-add {
  52. -webkit-transform: scale(0);
  53. transform: scale(0); }
  54. .md-tooltip.md-show {
  55. -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  56. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  57. -webkit-transform: scale(1);
  58. transform: scale(1);
  59. opacity: 0.9; }
  60. .md-tooltip.md-hide {
  61. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  62. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  63. -webkit-transition-duration: .1s;
  64. transition-duration: .1s;
  65. -webkit-transform: scale(0);
  66. transform: scale(0);
  67. opacity: 0; }