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; }