shape.variables
711 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/*******************************
Shape
*******************************/
@display: inline-block;
/* Animating */
@perspective: 2000px;
@duration: 0.6s;
@easing: ease-in-out;
@hiddenSideOpacity: 0.6;
@animatingZIndex: 100;
@transition:
transform @duration @easing,
left @duration @easing,
width @duration @easing,
height @duration @easing
;
@sideTransition: opacity @duration @easing;
@backfaceVisibility: hidden;
/* Side */
@sideMargin: 0em;
/*--------------
Types
---------------*/
/* Cube */
@cubeSize: 15em;
@cubeBackground: #E6E6E6;
@cubePadding: 2em;
@cubeTextColor: @textColor;
@cubeBoxShadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
@cubeTextAlign: center;
@cubeFontSize: 2em;