tailwind-rs-core 0.15.4

Core types and utilities for tailwind-rs
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

use tailwind_rs_core::css_generator::CssGenerator;

fn main() {
    println!("🧪 Testing Transform Utilities");
    println!("=============================");

    let test_classes = vec![
        // Backface visibility
        "backface-hidden",
        "backface-visible",
        // Perspective
        "perspective-dramatic",
        "perspective-near",
        "perspective-normal",
        "perspective-midrange",
        "perspective-distant",
        "perspective-none",
        // Perspective origin
        "perspective-origin-center",
        "perspective-origin-top",
        "perspective-origin-top-right",
        "perspective-origin-right",
        "perspective-origin-bottom-right",
        "perspective-origin-bottom",
        "perspective-origin-bottom-left",
        "perspective-origin-left",
        "perspective-origin-top-left",
        // Transform style
        "transform-3d",
        "transform-flat",
        // Basic transforms
        "transform",
        "transform-gpu",
        "transform-cpu",
        "transform-none",
        // Rotate
        "rotate-none",
        "rotate-45",
        "rotate-90",
        "rotate-180",
        "-rotate-45",
        "-rotate-90",
        // Scale
        "scale-75",
        "scale-100",
        "scale-125",
        "scale-150",
        "-scale-75",
        "-scale-125",
        // Skew
        "skew-3",
        "skew-6",
        "skew-12",
        "-skew-3",
        "-skew-6",
        "-skew-12",
        // Skew X
        "skew-x-3",
        "skew-x-6",
        "skew-x-12",
        "-skew-x-3",
        "-skew-x-6",
        "-skew-x-12",
        // Skew Y
        "skew-y-3",
        "skew-y-6",
        "skew-y-12",
        "-skew-y-3",
        "-skew-y-6",
        "-skew-y-12",
        // Transform origin
        "origin-center",
        "origin-top",
        "origin-top-right",
        "origin-right",
        "origin-bottom-right",
        "origin-bottom",
        "origin-bottom-left",
        "origin-left",
        "origin-top-left",
    ];

    let mut generator = CssGenerator::new();

    for class in &test_classes {
        match generator.add_class(class) {
            Ok(_) => {
                println!("✅ {} - Added", class);
            }
            Err(e) => {
                println!("❌ {} - Failed: {}", class, e);
            }
        }
    }

    let css = generator.generate_css();
    println!("\n📝 Generated CSS:");
    for line in css.lines() {
        if line.contains("backface")
            || line.contains("perspective")
            || line.contains("transform")
            || line.contains("rotate")
            || line.contains("scale")
            || line.contains("skew")
            || line.contains("origin")
        {
            println!("  {}", line);
        }
    }
}