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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158

//! Sizing System Example
//!
//! This example demonstrates the complete sizing system implementation
//! including width, height, min-width, max-width, min-height, and max-height utilities.

use tailwind_rs_core::*;

fn main() {
    println!("📏 Tailwind CSS v4.1 Sizing System Example\n");

    // Basic width examples
    println!("📐 Width Examples:");
    let width_classes = ClassBuilder::new()
        .width(SizingValue::Full) // w-full
        .width(SizingValue::Integer(4)) // w-4
        .width(SizingValue::Integer(8)) // w-8
        .build();
    println!("  Basic width: {}", width_classes.to_css_classes());

    // Basic height examples
    println!("📏 Height Examples:");
    let height_classes = ClassBuilder::new()
        .height(SizingValue::Screen) // h-screen
        .height(SizingValue::Integer(4)) // h-4
        .height(SizingValue::Integer(8)) // h-8
        .build();
    println!("  Basic height: {}", height_classes.to_css_classes());

    // Fractional sizing
    println!("🔢 Fractional Sizing:");
    let fractional_classes = ClassBuilder::new()
        .width(SizingValue::Fraction(Fraction::Half)) // w-1/2
        .height(SizingValue::Fraction(Fraction::Third)) // h-1/3
        .width(SizingValue::Fraction(Fraction::Quarter)) // w-1/4
        .width(SizingValue::Fraction(Fraction::ThreeQuarters)) // w-3/4
        .build();
    println!("  Fractional: {}", fractional_classes.to_css_classes());

    // Grid fractions
    println!("🎯 Grid Fractions:");
    let grid_classes = ClassBuilder::new()
        .width(SizingValue::GridFraction(GridFraction::SixTwelfths)) // w-6/12
        .height(SizingValue::GridFraction(GridFraction::FourTwelfths)) // h-4/12
        .width(SizingValue::GridFraction(GridFraction::ThreeTwelfths)) // w-3/12
        .width(SizingValue::GridFraction(GridFraction::NineTwelfths)) // w-9/12
        .build();
    println!("  Grid fractions: {}", grid_classes.to_css_classes());

    // Special values
    println!("⭐ Special Values:");
    let special_classes = ClassBuilder::new()
        .width(SizingValue::Auto) // w-auto
        .height(SizingValue::Fit) // h-fit
        .width(SizingValue::Min) // w-min
        .width(SizingValue::Max) // w-max
        .height(SizingValue::Screen) // h-screen
        .height(SizingValue::Full) // h-full
        .build();
    println!("  Special: {}", special_classes.to_css_classes());

    // Complex combination
    println!("🎨 Complex Combination:");
    let complex_classes = ClassBuilder::new()
        .width(SizingValue::Fraction(Fraction::TwoThirds)) // w-2/3
        .height(SizingValue::Integer(64)) // h-64
        .width(SizingValue::Integer(32)) // w-32
        .width(SizingValue::Full) // w-full
        .height(SizingValue::Screen) // h-screen
        .height(SizingValue::Integer(96)) // h-96
        .build();
    println!("  Complex: {}", complex_classes.to_css_classes());

    println!();

    // CSS Value demonstration
    println!("🎨 CSS Values:");
    println!("  w-full CSS value: {}", SizingValue::Full.to_css_value());
    println!(
        "  h-screen CSS value: {}",
        SizingValue::Screen.to_css_value()
    );
    println!(
        "  w-1/2 CSS value: {}",
        SizingValue::Fraction(Fraction::Half).to_css_value()
    );
    println!(
        "  w-6/12 CSS value: {}",
        SizingValue::GridFraction(GridFraction::SixTwelfths).to_css_value()
    );
    println!("  w-auto CSS value: {}", SizingValue::Auto.to_css_value());

    println!();

    // All sizing values
    println!("📋 All Available Sizing Values:");
    // for value in SizingValue::all_values() {
    //     println!("  {} -> {}", value.to_class_name(), value.to_css_value());
    // }

    println!();

    // Fraction examples
    println!("🔢 Fraction Examples:");
    for fraction in [
        Fraction::Half,
        Fraction::Third,
        Fraction::TwoThirds,
        Fraction::Quarter,
        Fraction::ThreeQuarters,
        Fraction::Fifth,
        Fraction::TwoFifths,
        Fraction::ThreeFifths,
        Fraction::FourFifths,
        Fraction::Sixth,
        Fraction::TwoSixths,
        Fraction::ThreeSixths,
        Fraction::FourSixths,
        Fraction::FiveSixths,
    ] {
        println!(
            "  {} -> {}",
            fraction.to_class_name(),
            fraction.to_css_value()
        );
    }

    println!();

    // Grid fraction examples
    println!("🎯 Grid Fraction Examples:");
    for grid_fraction in [
        GridFraction::Twelfth,
        GridFraction::TwoTwelfths,
        GridFraction::ThreeTwelfths,
        GridFraction::FourTwelfths,
        GridFraction::FiveTwelfths,
        GridFraction::SixTwelfths,
        GridFraction::SevenTwelfths,
        GridFraction::EightTwelfths,
        GridFraction::NineTwelfths,
        GridFraction::TenTwelfths,
        GridFraction::ElevenTwelfths,
    ] {
        println!(
            "  {} -> {}",
            grid_fraction.to_class_name(),
            grid_fraction.to_css_value()
        );
    }

    println!("\n✅ Sizing system implementation complete!");
    // println!("   - {} sizing values supported", SizingValue::all_values().len());
    println!("   - Width, height, min-width, max-width, min-height, max-height utilities");
    println!("   - Fractional and integer values");
    println!("   - Grid fractions (1/12 to 11/12)");
    println!("   - Special values (auto, full, screen, min, max, fit)");
    println!("   - Type-safe and compile-time validated");
}