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
66
67
68
69
70
71
72
73
|
@-moz-keyframes foo
from
color: black
to
color: white
@keyframes foo {
from {
width: 100%
}
50% {
}
to {
}
}
@keyframes bar {
from {
}
to {
}
}
vendors = official
@keyframes active
for i in 0..10
percent = unit(i * 10, '%')
{percent}
background-image: radial-gradient(yellow 0%, red percent, black 100%)
foo()
0%
color: red
100%
color: yellow
@keyframes foo
foo() if true
for i in 1..3
name = 'lol' + i
@keyframes name
for j in 1..10
{unit(j * 10, '%')}
left: j*10
@keyframes {'foo' + i}
for j in 1..5
{j * 5 + '%'}
left: j * 5
.foo
@keyframes foo
0%, 50%
color: blue
100%
color: green
vendors = official
@keyframes foo
{
0%
{
color: red;
}
100%
{
color: blue;
}
}
|
