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.

155 lines
5.2 KiB

  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.1
  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. -ms-grid-row-align: center;
  58. align-items: center; }
  59. md-fab-speed-dial md-fab-actions {
  60. display: -webkit-box;
  61. display: -webkit-flex;
  62. display: flex;
  63. height: auto; }
  64. md-fab-speed-dial md-fab-actions .md-fab-action-item {
  65. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  66. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  67. md-fab-speed-dial.md-down {
  68. -webkit-box-orient: vertical;
  69. -webkit-box-direction: normal;
  70. -webkit-flex-direction: column;
  71. flex-direction: column; }
  72. md-fab-speed-dial.md-down md-fab-trigger {
  73. -webkit-box-ordinal-group: 2;
  74. -webkit-order: 1;
  75. order: 1; }
  76. md-fab-speed-dial.md-down md-fab-actions {
  77. -webkit-box-orient: vertical;
  78. -webkit-box-direction: normal;
  79. -webkit-flex-direction: column;
  80. flex-direction: column;
  81. -webkit-box-ordinal-group: 3;
  82. -webkit-order: 2;
  83. order: 2; }
  84. md-fab-speed-dial.md-up {
  85. -webkit-box-orient: vertical;
  86. -webkit-box-direction: normal;
  87. -webkit-flex-direction: column;
  88. flex-direction: column; }
  89. md-fab-speed-dial.md-up md-fab-trigger {
  90. -webkit-box-ordinal-group: 3;
  91. -webkit-order: 2;
  92. order: 2; }
  93. md-fab-speed-dial.md-up md-fab-actions {
  94. -webkit-box-orient: vertical;
  95. -webkit-box-direction: reverse;
  96. -webkit-flex-direction: column-reverse;
  97. flex-direction: column-reverse;
  98. -webkit-box-ordinal-group: 2;
  99. -webkit-order: 1;
  100. order: 1; }
  101. md-fab-speed-dial.md-left {
  102. -webkit-box-orient: horizontal;
  103. -webkit-box-direction: normal;
  104. -webkit-flex-direction: row;
  105. flex-direction: row; }
  106. md-fab-speed-dial.md-left md-fab-trigger {
  107. -webkit-box-ordinal-group: 3;
  108. -webkit-order: 2;
  109. order: 2; }
  110. md-fab-speed-dial.md-left md-fab-actions {
  111. -webkit-box-orient: horizontal;
  112. -webkit-box-direction: reverse;
  113. -webkit-flex-direction: row-reverse;
  114. flex-direction: row-reverse;
  115. -webkit-box-ordinal-group: 2;
  116. -webkit-order: 1;
  117. order: 1; }
  118. md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  119. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  120. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  121. md-fab-speed-dial.md-right {
  122. -webkit-box-orient: horizontal;
  123. -webkit-box-direction: normal;
  124. -webkit-flex-direction: row;
  125. flex-direction: row; }
  126. md-fab-speed-dial.md-right md-fab-trigger {
  127. -webkit-box-ordinal-group: 2;
  128. -webkit-order: 1;
  129. order: 1; }
  130. md-fab-speed-dial.md-right md-fab-actions {
  131. -webkit-box-orient: horizontal;
  132. -webkit-box-direction: normal;
  133. -webkit-flex-direction: row;
  134. flex-direction: row;
  135. -webkit-box-ordinal-group: 3;
  136. -webkit-order: 2;
  137. order: 2; }
  138. md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  139. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  140. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  141. md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  142. visibility: hidden; }
  143. md-fab-speed-dial.md-fling .md-fab-action-item {
  144. opacity: 1; }
  145. md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  146. opacity: 0;
  147. -webkit-transition-duration: 0s;
  148. transition-duration: 0s; }
  149. md-fab-speed-dial.md-scale .md-fab-action-item {
  150. -webkit-transform: scale(0);
  151. transform: scale(0);
  152. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  153. transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  154. -webkit-transition-duration: 0.14286s;
  155. transition-duration: 0.14286s; }