responsive-menu / src / app / Mappers / scssphp / tests / inputs / directives.scss

directives.scss in Responsive Menu – Create Mobile-Friendly Menu 3.0.3, at src/app/Mappers/scssphp/tests/inputs/directives.scss

109 lines 1.4 KB

Raw Download Zip

1
2	@charset "hello-world";
3
4	@page :left {
5	div {
6	color: red;
7	}
8	}
9
10	@page test {
11	@media yes {
12	div {
13	color: red;
14	}
15
16	@media no {
17	pre {
18	color: blue;
19	}
20	}
21	}
22	}
23
24	@media something {
25	@page {
26	@media else {
27	div {
28	height: 200px;
29	}
30	}
31	}
32	}
33
34
35	div {
36	color: red;
37	@page yeah {
38	pre {
39	height: 20px;
40	}
41	}
42	}
43
44	@font-face {
45	color: red;
46	height: 20px;
47	}
48
49
50	@keyframes 'bounce' {
51	from {
52	top: 100px;
53	animation-timing-function: ease-out;
54	}
55
56	25% {
57	top: 50px;
58	animation-timing-function: ease-in;
59	}
60
61	50% {
62	top: 100px;
63	animation-timing-function: ease-out;
64	}
65
66	75% {
67	top: 75px;
68	animation-timing-function: ease-in;
69	}
70
71	to {
72	top: 100px;
73	}
74	}
75
76	@-webkit-keyframes flowouttoleft {
77	0% { -webkit-transform: translateX(0) scale(1); }
78	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
79	100% { -webkit-transform: translateX(-100%) scale(.7); }
80	}
81
82	div {
83	animation-name: 'diagonal-slide';
84	animation-duration: 5s;
85	animation-iteration-count: 10;
86	}
87
88	@keyframes 'diagonal-slide' {
89
90	from {
91	left: 0;
92	top: 0;
93	}
94
95	to {
96	left: 100px;
97	top: 100px;
98	}
99
100	}
101
102	@document url(http://www.w3.org/),
103	url-prefix(http://www.w3.org/Style/),
104	domain(mozilla.org),
105	regexp("https:.*")
106	{
107	body { color: purple; background: yellow; }
108	}
109