UNPKG

liser

Version:

functional css help to optimizing design work and building responsive websites

github.com/lamhieu-vk/liser

lamhieu-vk/liser

45 lines (43 loc) • 3.15 kB
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
.rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } @media screen and (min-width: 30em) { .rotate-45-ns { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .rotate-90-ns { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .rotate-135-ns { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .rotate-180-ns { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .rotate-225-ns { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-ns { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-ns { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } } @media screen and (min-width: 30em) and (max-width: 60em) { .rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } } @media screen and (max-width: 60em) and (orientation: landscape) { .rotate-45-ml { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .rotate-90-ml { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .rotate-135-ml { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .rotate-180-ml { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .rotate-225-ml { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-ml { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-ml { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } } @media screen and (min-width: 60em) { .rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } }