root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _animations.scss @ 97cd255d
History | View | Annotate | Download (843 Bytes)
1 |
/* Animations */ |
---|---|
2 |
|
3 |
.grid-view .build-progress { |
4 |
animation: |
5 |
progress_animation 5s infinite, |
6 |
pulse 1s infinite; |
7 |
-webkit-animation: |
8 |
progress_animation 5s infinite, |
9 |
pulse 1s infinite; |
10 |
} |
11 |
|
12 |
.reboot-progress { |
13 |
animation: |
14 |
reboot_pulse 1s infinite; |
15 |
-webkit-animation: |
16 |
reboot_pulse 1s infinite; |
17 |
} |
18 |
|
19 |
@include keyframes( progress_animation) { |
20 |
from { |
21 |
width: 0% |
22 |
} |
23 |
to { |
24 |
width: 100% |
25 |
} |
26 |
} |
27 |
|
28 |
@include keyframes( pulse) { |
29 |
from { |
30 |
color: $vm-active-color |
31 |
} |
32 |
to { |
33 |
color: darken($vm-active-color,10%) |
34 |
} |
35 |
} |
36 |
|
37 |
|
38 |
@include keyframes( reboot_pulse) { |
39 |
from { |
40 |
color: $vm-rebooting-color |
41 |
} |
42 |
to { |
43 |
color: darken($vm-rebooting-color,10%) |
44 |
} |
45 |
} |
46 |
|
47 |
|
48 |
|
49 |
// temp |
50 |
.btn5.temp { |
51 |
color:blue; |
52 |
padding: 0 4px; |
53 |
position: absolute; |
54 |
right: 0; |
55 |
} |
56 |
// li for btns used to demonstrate general animations |
57 |
.temp-for-btns { |
58 |
.btn5.temp { |
59 |
position: static; |
60 |
} |
61 |
} |