polished-css 0.1.0

Craft polished CSS in Rust following CSSWG standards. Achieve type-safety, modularity, atomicity, and ergonomic styling for front-end applications.
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

crate::create_property!(
    FlexBasis,
    display = "",
    atomic = "flex-b",
    custom = false,
    data_type = "<length-percentage>",
    initial_value = Auto,
    keywords = "auto,max-content,min-content,fit-content",
);

crate::create_property!(
    FlexDirection,
    display = "",
    atomic = "flex-d",
    custom = false,
    data_type = "",
    initial_value = Row,
    keywords = "column,column-reverse,row,row-reverse",
);

// TODO: Add FlexFlow once there's an idea with tuples
// crate::create_property!(
//     FlexFlow,
//     display = "",
//     atomic = "flex-f",
//     custom = false,
//     data_type = "",
//     initial_value = Initial,
//     keywords = "",
// );

crate::create_property!(
    FlexGrow,
    display = "",
    atomic = "flex-g",
    custom = false,
    data_type = "<number>",
    initial_value = Initial,
    keywords = "",
);

crate::create_property!(
    FlexShrink,
    display = "",
    atomic = "flex-s",
    custom = false,
    data_type = "<number>",
    initial_value = Initial,
    keywords = "",
);

crate::create_property!(
    FlexWrap,
    display = "",
    atomic = "flex-w",
    custom = false,
    data_type = "<number>",
    initial_value = Initial,
    keywords = "wrap,wrap-reverse,nowrap",
);

#[cfg(test)]
mod test {
    #[test]
    fn flex_basis() {
        let name = "flex-basis";
        crate::test_property_initial_value!(FlexBasis, Auto);
        crate::test_global_keywords!(FlexBasis, name);
        crate::test_function_var!(FlexBasis, name);
        #[cfg(feature = "atomic")]
        crate::test_atomic_property!(FlexBasis, "flex-b");
    }

    #[test]
    fn flex_direction() {
        let name = "flex-direction";
        crate::test_property_initial_value!(FlexDirection, Row);
        crate::test_global_keywords!(FlexDirection, name);
        crate::test_function_var!(FlexDirection, name);
        #[cfg(feature = "atomic")]
        crate::test_atomic_property!(FlexDirection, "flex-d");
    }

    #[test]
    fn flex_grow() {
        let name = "flex-grow";
        crate::test_property_initial_value!(FlexGrow, Initial);
        crate::test_global_keywords!(FlexGrow, name);
        crate::test_function_var!(FlexGrow, name);
        #[cfg(feature = "atomic")]
        crate::test_atomic_property!(FlexGrow, "flex-g");
    }

    #[test]
    fn flex_shrink() {
        let name = "flex-shrink";
        crate::test_property_initial_value!(FlexShrink, Initial);
        crate::test_global_keywords!(FlexShrink, name);
        crate::test_function_var!(FlexShrink, name);
        #[cfg(feature = "atomic")]
        crate::test_atomic_property!(FlexShrink, "flex-s");
    }

    #[test]
    fn flex_wrap() {
        let name = "flex-wrap";
        crate::test_property_initial_value!(FlexWrap, Initial);
        crate::test_global_keywords!(FlexWrap, name);
        crate::test_function_var!(FlexWrap, name);
        #[cfg(feature = "atomic")]
        crate::test_atomic_property!(FlexWrap, "flex-w");
    }
}