stylist-core 0.15.1

Stylist is a CSS-in-Rust styling solution for WebAssembly 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

#![deny(clippy::all)]
#![deny(missing_debug_implementations)]
#![deny(unsafe_code)]
#![deny(non_snake_case)]
#![deny(clippy::cognitive_complexity)]
#![cfg_attr(documenting, feature(doc_cfg))]
#![cfg_attr(any(releasing, not(debug_assertions)), deny(dead_code, unused_imports))]

mod error;
pub use error::{Error, Result, ResultDisplay};
pub mod ast;
pub mod bow;

#[cfg_attr(documenting, doc(cfg(feature = "parser")))]
#[cfg(feature = "parser")]
mod parser;

#[cfg(test)]
mod tests {
    use super::*;
    use ast::{Sheet, ToStyleStr};

    #[test]
    fn test_scoped_complex() {
        let style: Sheet = r#"
                background-color: black;
                .with-class {
                    color: red;
                }
                @media screen and (max-width: 600px) {
                    color: yellow;
                }
                @supports (display: grid) {
                    display: grid;
                }

                header, footer {
                    border: 1px solid black;

                    @supports (max-width: 500px) {
                        max-width: 500px;

                        @media screen and (max-width: 500px) {
                            display: flex;
                            flex-direction: row;
                        }
                    }
                }
            "#
        .parse()
        .expect("Failed to create Style.");

        assert_eq!(
            style.to_style_str(Some("test-style-cls")),
            r#".test-style-cls {
    background-color: black;
}
.test-style-cls .with-class {
    color: red;
}
@media screen and (max-width: 600px) {
    .test-style-cls {
        color: yellow;
    }
}
@supports (display: grid) {
    .test-style-cls {
        display: grid;
    }
}
.test-style-cls header, .test-style-cls footer {
    border: 1px solid black;
}
@supports (max-width: 500px) {
    .test-style-cls header, .test-style-cls footer {
        max-width: 500px;
    }
}
@supports (max-width: 500px) {
    @media screen and (max-width: 500px) {
        .test-style-cls header, .test-style-cls footer {
            display: flex;
            flex-direction: row;
        }
    }
}
"#,
        )
    }
}