/
_transform.scss
55 lines (52 loc) · 1.53 KB
/
_transform.scss
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
// *******************************************************************
// Scale
// Variables for scaling elements with transform.
// transform: scale($scale-0);
// *******************************************************************
$scale-0: 0;
$scale-50: 0.50;
$scale-75: 0.75;
$scale-90: 0.90;
$scale-95: 0.95;
$scale-100: 1;
$scale-105: 1.05;
$scale-110: 1.10;
$scale-125: 1.25;
$scale-150: 1.50;
// *******************************************************************
// Rotate
// Variables for rotating elements with transform.
// transform: rotate($rotate-45);
// *******************************************************************
$rotate-0: 0deg;
$rotate-1: 1deg;
$rotate-2: 2deg;
$rotate-3: 3deg;
$rotate-6: 6deg;
$rotate-12: 12deg;
$rotate-45: 45deg;
$rotate-90: 90deg;
$rotate-180: 180deg;
// *******************************************************************
// Translate
// Variables for translating elements with transform.
// transform: translate($translate-1-2);
// *******************************************************************
$translate-1-2: 50%;
$translate-1-3: 33.333333%;
$translate-2-3: 66.666667%;
$translate-1-4: 25%;
$translate-2-4: 50%;
$translate-3-4: 75%;
$translate-full: 100%;
// *******************************************************************
// Skew
// Variables for skewing elements with transform.
// transform: skew($skew-3);
// *******************************************************************
$skew-0: 0deg;
$skew-1: 1deg;
$skew-2: 2deg;
$skew-3: 3deg;
$skew-6: 6deg;
$skew-12: 12deg;