pliego-css 0.1.0-rc.2

Utility-first styling compiler for Rust and PliegoRS
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

use pliego_css::{Style, pcx};

enum Variant {
    Primary,
    Ghost,
}

fn main() {
    let selected = false;
    let from_if: Style = pcx!(
        "inline-flex rounded-md bg-surface",
        if selected {
            "bg-accent text-white"
        } else {
            "text-ink"
        },
    );
    let from_match: Style = pcx!(
        "rounded-md",
        match Variant::Primary {
            Variant::Primary => "bg-accent text-white",
            Variant::Ghost => "bg-transparent text-accent",
        },
    );
    let from_multiple: Style = pcx!(
        "rounded-md",
        if selected {
            "opacity-100"
        } else {
            "opacity-50"
        },
        match Variant::Ghost {
            Variant::Primary => "text-sm",
            Variant::Ghost => "text-lg",
        },
    );
    let different_conditions: Style = pcx!(
        "block",
        if selected {
            "hover:opacity-100"
        } else {
            "hover:opacity-50"
        },
        if selected {
            "focus:opacity-100"
        } else {
            "focus:opacity-50"
        },
    );
    let _ = (
        from_if,
        from_match,
        from_multiple,
        different_conditions,
        Variant::Ghost,
    );
}