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
56
57
58
59
60
61
62
63
64
65
|
@-moz-viewport {
color: #f00;
}
@viewport {
color: #00f;
}
@host {
body {
color: #008000;
}
}
@foo {
@bar {
color: #cc0;
}
}
@namespace svg "http://www.w3.org/2000/svg";
@namespace "foo";
@namespace foo "http://example.com/foo";
@region div.region:first-of-type {
p {
color: #fff;
}
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px;
/* the viewport for small devices is set to 320px */
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
}
@supports (display: flex) {
div {
display: flex;
}
}
@foo bar1 {
color: #f00;
}
@foo bar2 {
color: #f00;
}
@foo bar3 {
color: #f00;
}
@foo bar4 {
color: #f00;
}
@foo bar5 {
color: #f00;
}
.foo {
width: 1000px;
}
@font-face {
font-family: 'Arial-1';
}
@font-face {
font-family: 'Arial-2';
}
|
