Mercurial > hg > dml-open-vis
comparison src/DML/MainVisBundle/Resources/assets/bem-blocks/main-region.less @ 0:493bcb69166c
added public content
author | Daniel Wolff |
---|---|
date | Tue, 09 Feb 2016 20:54:02 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:493bcb69166c |
---|---|
1 @import "../config.less"; | |
2 | |
3 .main-region { | |
4 | |
5 @perspective: 900px; | |
6 @duration: .75s; | |
7 | |
8 .font_standard(); | |
9 | |
10 position: absolute; | |
11 top: @main-menu--height; | |
12 bottom: 0; | |
13 right: 0; | |
14 left: 0; | |
15 z-index: @z-index_main-region; | |
16 | |
17 // ================================== | |
18 | |
19 &__config-grid { | |
20 .position_absolute_everywhere(); | |
21 z-index: @z-index_main-region + 2; | |
22 } | |
23 | |
24 // ================================== | |
25 &__flipper-container { | |
26 background-color: #ccc; | |
27 .box-shadow(inset 0px 5px 5px 0px rgba(0,0,0,0.2)); | |
28 .position_absolute_everywhere(); | |
29 .perspective(@perspective); | |
30 z-index: @z-index_main-region-flipper; | |
31 } | |
32 &__flipper { | |
33 .position_absolute_everywhere(); | |
34 .transform-style(preserve-3d); | |
35 .transition(transform @duration); | |
36 .transform-origin(right center); | |
37 z-index: @z-index_main-region-flipper + 1; | |
38 .backface-visibility(hidden); | |
39 } | |
40 | |
41 &__flipper_to_recording { | |
42 .transform(translateX(-100%) rotateY(-180deg)); | |
43 } | |
44 | |
45 &__flipper &__config-grid { | |
46 .transition(transform @duration); | |
47 .transform-style(preserve-3d); | |
48 } | |
49 &__flipper_animating &__config-grid { | |
50 .backface-visibility(hidden); | |
51 } | |
52 | |
53 &__flipper &__config-grid.config-grid_type_collection { | |
54 z-index: @z-index_main-region-flipper + 3; | |
55 //background: #f00; | |
56 } | |
57 | |
58 &__flipper &__config-grid.config-grid_type_recording { | |
59 z-index: @z-index_main-region-flipper + 2; | |
60 .transform(rotateY(180deg)); | |
61 //background: #0f0; | |
62 } | |
63 | |
64 .ie &__flipper &__config-grid { | |
65 } | |
66 | |
67 .ie &__flipper &__config-grid.config-grid_type_recording { | |
68 .transform(rotateY(0deg)); | |
69 } | |
70 | |
71 .ie &__flipper_to_recording { | |
72 .transform(translateX(0px) rotateY(0deg)); | |
73 } | |
74 | |
75 .ie &__flipper_animating &__config-grid { | |
76 .transform-origin(center center); | |
77 } | |
78 | |
79 .ie &__flipper_to_collection &__config-grid.config-grid_type_collection, | |
80 .ie &__flipper_to_recording &__config-grid.config-grid_type_recording { | |
81 .transform(perspective(@perspective) rotateY(0deg)); | |
82 } | |
83 | |
84 .ie &__flipper_to_collection &__config-grid.config-grid_type_recording { | |
85 .transform(perspective(@perspective) rotateY(180deg)); | |
86 } | |
87 .ie &__flipper_to_recording &__config-grid.config-grid_type_collection { | |
88 .transform(perspective(@perspective) rotateY(-180deg)); | |
89 } | |
90 } |