arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/angular-material/modules/js/fabSpeedDial/fabSpeedDial.css
www/lib/angular-material/modules/js/fabSpeedDial/fabSpeedDial.cssRaw
  1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7md-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; }