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