1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.3
|
---|
6 | */
|
---|
7 | md-fab-speed-dial {
|
---|
8 | position: relative;
|
---|
9 | display: flex;
|
---|
10 | align-items: center;
|
---|
11 | z-index: 20;
|
---|
12 | /*
|
---|
13 | * Hide some graphics glitches if switching animation types
|
---|
14 | */
|
---|
15 | /*
|
---|
16 | * Handle the animations
|
---|
17 | */ }
|
---|
18 | md-fab-speed-dial.md-fab-bottom-right {
|
---|
19 | top: auto;
|
---|
20 | right: 20px;
|
---|
21 | bottom: 20px;
|
---|
22 | left: auto;
|
---|
23 | position: absolute; }
|
---|
24 | md-fab-speed-dial.md-fab-bottom-left {
|
---|
25 | top: auto;
|
---|
26 | right: auto;
|
---|
27 | bottom: 20px;
|
---|
28 | left: 20px;
|
---|
29 | position: absolute; }
|
---|
30 | md-fab-speed-dial.md-fab-top-right {
|
---|
31 | top: 20px;
|
---|
32 | right: 20px;
|
---|
33 | bottom: auto;
|
---|
34 | left: auto;
|
---|
35 | position: absolute; }
|
---|
36 | md-fab-speed-dial.md-fab-top-left {
|
---|
37 | top: 20px;
|
---|
38 | right: auto;
|
---|
39 | bottom: auto;
|
---|
40 | left: 20px;
|
---|
41 | position: absolute; }
|
---|
42 | md-fab-speed-dial:not(.md-hover-full) {
|
---|
43 | pointer-events: none; }
|
---|
44 | md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
|
---|
45 | pointer-events: auto; }
|
---|
46 | md-fab-speed-dial:not(.md-hover-full).md-is-open {
|
---|
47 | pointer-events: auto; }
|
---|
48 | md-fab-speed-dial ._md-css-variables {
|
---|
49 | z-index: 20; }
|
---|
50 | md-fab-speed-dial.md-is-open .md-fab-action-item {
|
---|
51 | align-items: center; }
|
---|
52 | md-fab-speed-dial md-fab-actions {
|
---|
53 | display: flex;
|
---|
54 | height: auto; }
|
---|
55 | md-fab-speed-dial md-fab-actions .md-fab-action-item {
|
---|
56 | transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
|
---|
57 | md-fab-speed-dial.md-down {
|
---|
58 | flex-direction: column; }
|
---|
59 | md-fab-speed-dial.md-down md-fab-trigger {
|
---|
60 | order: 1; }
|
---|
61 | md-fab-speed-dial.md-down md-fab-actions {
|
---|
62 | flex-direction: column;
|
---|
63 | order: 2; }
|
---|
64 | md-fab-speed-dial.md-up {
|
---|
65 | flex-direction: column; }
|
---|
66 | md-fab-speed-dial.md-up md-fab-trigger {
|
---|
67 | order: 2; }
|
---|
68 | md-fab-speed-dial.md-up md-fab-actions {
|
---|
69 | flex-direction: column-reverse;
|
---|
70 | order: 1; }
|
---|
71 | md-fab-speed-dial.md-left {
|
---|
72 | flex-direction: row; }
|
---|
73 | md-fab-speed-dial.md-left md-fab-trigger {
|
---|
74 | order: 2; }
|
---|
75 | md-fab-speed-dial.md-left md-fab-actions {
|
---|
76 | flex-direction: row-reverse;
|
---|
77 | order: 1; }
|
---|
78 | md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
|
---|
79 | transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
|
---|
80 | md-fab-speed-dial.md-right {
|
---|
81 | flex-direction: row; }
|
---|
82 | md-fab-speed-dial.md-right md-fab-trigger {
|
---|
83 | order: 1; }
|
---|
84 | md-fab-speed-dial.md-right md-fab-actions {
|
---|
85 | flex-direction: row;
|
---|
86 | order: 2; }
|
---|
87 | md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
|
---|
88 | transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
|
---|
89 | md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
|
---|
90 | visibility: hidden; }
|
---|
91 | md-fab-speed-dial.md-fling .md-fab-action-item {
|
---|
92 | opacity: 1; }
|
---|
93 | md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
|
---|
94 | opacity: 0;
|
---|
95 | transition-duration: 0s; }
|
---|
96 | md-fab-speed-dial.md-scale .md-fab-action-item {
|
---|
97 | transform: scale(0);
|
---|
98 | transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
---|
99 | transition-duration: 0.14286s; }
|
---|