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.

154 lines
5.2 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-fab-speed-dial {
  8. position: relative;
  9. display: -webkit-box;
  10. display: -webkit-flex;
  11. display: flex;
  12. -webkit-box-align: center;
  13. -webkit-align-items: center;
  14. align-items: center;
  15. z-index: 20;
  16. /*
  17. * Hide some graphics glitches if switching animation types
  18. */
  19. /*
  20. * Handle the animations
  21. */ }
  22. md-fab-speed-dial.md-fab-bottom-right {
  23. top: auto;
  24. right: 20px;
  25. bottom: 20px;
  26. left: auto;
  27. position: absolute; }
  28. md-fab-speed-dial.md-fab-bottom-left {
  29. top: auto;
  30. right: auto;
  31. bottom: 20px;
  32. left: 20px;
  33. position: absolute; }
  34. md-fab-speed-dial.md-fab-top-right {
  35. top: 20px;
  36. right: 20px;
  37. bottom: auto;
  38. left: auto;
  39. position: absolute; }
  40. md-fab-speed-dial.md-fab-top-left {
  41. top: 20px;
  42. right: auto;
  43. bottom: auto;
  44. left: 20px;
  45. position: absolute; }
  46. md-fab-speed-dial:not(.md-hover-full) {
  47. pointer-events: none; }
  48. md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  49. pointer-events: auto; }
  50. md-fab-speed-dial:not(.md-hover-full).md-is-open {
  51. pointer-events: auto; }
  52. md-fab-speed-dial ._md-css-variables {
  53. z-index: 20; }
  54. md-fab-speed-dial.md-is-open .md-fab-action-item {
  55. -webkit-box-align: center;
  56. -webkit-align-items: center;
  57. align-items: center; }
  58. md-fab-speed-dial md-fab-actions {
  59. display: -webkit-box;
  60. display: -webkit-flex;
  61. display: flex;
  62. height: auto; }
  63. md-fab-speed-dial md-fab-actions .md-fab-action-item {
  64. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  65. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  66. md-fab-speed-dial.md-down {
  67. -webkit-box-orient: vertical;
  68. -webkit-box-direction: normal;
  69. -webkit-flex-direction: column;
  70. flex-direction: column; }
  71. md-fab-speed-dial.md-down md-fab-trigger {
  72. -webkit-box-ordinal-group: 2;
  73. -webkit-order: 1;
  74. order: 1; }
  75. md-fab-speed-dial.md-down md-fab-actions {
  76. -webkit-box-orient: vertical;
  77. -webkit-box-direction: normal;
  78. -webkit-flex-direction: column;
  79. flex-direction: column;
  80. -webkit-box-ordinal-group: 3;
  81. -webkit-order: 2;
  82. order: 2; }
  83. md-fab-speed-dial.md-up {
  84. -webkit-box-orient: vertical;
  85. -webkit-box-direction: normal;
  86. -webkit-flex-direction: column;
  87. flex-direction: column; }
  88. md-fab-speed-dial.md-up md-fab-trigger {
  89. -webkit-box-ordinal-group: 3;
  90. -webkit-order: 2;
  91. order: 2; }
  92. md-fab-speed-dial.md-up md-fab-actions {
  93. -webkit-box-orient: vertical;
  94. -webkit-box-direction: reverse;
  95. -webkit-flex-direction: column-reverse;
  96. flex-direction: column-reverse;
  97. -webkit-box-ordinal-group: 2;
  98. -webkit-order: 1;
  99. order: 1; }
  100. md-fab-speed-dial.md-left {
  101. -webkit-box-orient: horizontal;
  102. -webkit-box-direction: normal;
  103. -webkit-flex-direction: row;
  104. flex-direction: row; }
  105. md-fab-speed-dial.md-left md-fab-trigger {
  106. -webkit-box-ordinal-group: 3;
  107. -webkit-order: 2;
  108. order: 2; }
  109. md-fab-speed-dial.md-left md-fab-actions {
  110. -webkit-box-orient: horizontal;
  111. -webkit-box-direction: reverse;
  112. -webkit-flex-direction: row-reverse;
  113. flex-direction: row-reverse;
  114. -webkit-box-ordinal-group: 2;
  115. -webkit-order: 1;
  116. order: 1; }
  117. md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  118. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  119. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  120. md-fab-speed-dial.md-right {
  121. -webkit-box-orient: horizontal;
  122. -webkit-box-direction: normal;
  123. -webkit-flex-direction: row;
  124. flex-direction: row; }
  125. md-fab-speed-dial.md-right md-fab-trigger {
  126. -webkit-box-ordinal-group: 2;
  127. -webkit-order: 1;
  128. order: 1; }
  129. md-fab-speed-dial.md-right md-fab-actions {
  130. -webkit-box-orient: horizontal;
  131. -webkit-box-direction: normal;
  132. -webkit-flex-direction: row;
  133. flex-direction: row;
  134. -webkit-box-ordinal-group: 3;
  135. -webkit-order: 2;
  136. order: 2; }
  137. md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  138. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  139. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  140. md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  141. visibility: hidden; }
  142. md-fab-speed-dial.md-fling .md-fab-action-item {
  143. opacity: 1; }
  144. md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  145. opacity: 0;
  146. -webkit-transition-duration: 0s;
  147. transition-duration: 0s; }
  148. md-fab-speed-dial.md-scale .md-fab-action-item {
  149. -webkit-transform: scale(0);
  150. transform: scale(0);
  151. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  152. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  153. -webkit-transition-duration: 0.14286s;
  154. transition-duration: 0.14286s; }