encre-css 0.20.1

A TailwindCSS-compatible utility-first CSS generation library written in 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

//! SVG utilities
pub mod fill;
pub mod stroke;
pub mod stroke_width;

#[cfg(test)]
mod tests {
    use crate::{generate, utils::testing::base_config};

    use pretty_assertions::assert_eq;

    #[test]
    fn fill() {
        assert_eq!(
            generate(["fill-red-400"], &base_config()),
            ".fill-red-400 {
  fill: oklch(70.4% .191 22.216);
}"
        );
        assert_eq!(
            generate(["fill-[rgb(12,12,12)]"], &base_config()),
            r".fill-\[rgb\(12\,12\,12\)\] {
  fill: rgb(12,12,12);
}"
        );
        assert_eq!(
            generate(["fill-[purple]"], &base_config()),
            r".fill-\[purple\] {
  fill: purple;
}"
        );
    }

    #[test]
    fn stroke() {
        assert_eq!(
            generate(["stroke-red-400"], &base_config()),
            ".stroke-red-400 {
  stroke: oklch(70.4% .191 22.216);
}"
        );
        assert_eq!(
            generate(["stroke-[rgb(12,12,12)]"], &base_config()),
            r".stroke-\[rgb\(12\,12\,12\)\] {
  stroke: rgb(12,12,12);
}"
        );
        assert_eq!(
            generate(["stroke-[purple]"], &base_config()),
            r".stroke-\[purple\] {
  stroke: purple;
}"
        );
    }

    #[test]
    fn stroke_width() {
        assert_eq!(
            generate(["stroke-2"], &base_config()),
            ".stroke-2 {
  stroke-width: 2px;
}"
        );
        assert_eq!(
            generate(["stroke-[0.25rem]"], &base_config()),
            r".stroke-\[0\.25rem\] {
  stroke-width: 0.25rem;
}"
        );
        assert_eq!(
            generate(["stroke-[5%]"], &base_config()),
            r".stroke-\[5\%\] {
  stroke-width: 5%;
}"
        );
    }
}