vertigo 0.11.4

Reactive Real-DOM library with SSR for Rust
Documentation 
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

use super::utils::*;
use crate::css;

// Make crate available by its name for css macro
use crate as vertigo;

#[test]
fn test_animation() {
    let value = css! {"
        animation: 5s linear 2s infinite alternate {
            0%   {background-color: red; left: 0px; top: 0px;}
            25%  {background-color: yellow; left: 200px; top: 0px;}
            50%  {background-color: blue; left: 200px; top: 200px;}
            75%  {background-color: green; left: 0px; top: 200px;}
            100% {background-color: red; left: 0px; top: 0px;}
        };
    "};

    assert_eq!(
        get_s(&value),
        "animation: 5s linear 2s infinite alternate { 0% { background-color: red;
left: 0px;
top: 0px; }
25% { background-color: yellow;
left: 200px;
top: 0px; }
50% { background-color: blue;
left: 200px;
top: 200px; }
75% { background-color: green;
left: 0px;
top: 200px; }
100% { background-color: red;
left: 0px;
top: 0px; } };"
    )
}

#[test]
fn test_animation_with_rgba_and_comments() {
    let value = css! {"
        color: red; /* It's good here */
        animation: 2s ease-out forwards {
            0% {
                background-color: rgba(255, 255, 0, 1); /* Parse error here */
            }
            20% {
                background-color: rgba(255, 255, 0, 0.8);
            }
            100% {
                background-color: rgba(255, 255, 0, 0);
            }
        };
    "};

    assert_eq!(
        get_s(&value),
        "color: red;\nanimation: 2s ease-out forwards { 0% { background-color: rgba(255, 255, 0, 1); }
20% { background-color: rgba(255, 255, 0, 0.8); }
100% { background-color: rgba(255, 255, 0, 0); } };"
    )
}