twill 0.2.0

Idiomatic Rust styling library inspired by Tailwind CSS for GUI
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

//! Demo example showing twill capabilities.

use twill::{
    BorderRadius, Button, Color, FontSize, FontWeight, Padding, Scale, Shadow, Spacing, Style,
    ToCss,
};

fn main() {
    println!("=== Twill Demo ===\n");

    // 1. Basic style builder
    println!("1. Basic Style Builder:");
    let card = Style::new()
        .padding(Padding::all(Spacing::S6))
        .bg(Color::white())
        .rounded(BorderRadius::Lg)
        .shadow(Shadow::Md);
    println!("   Card: {}\n", card.to_css());

    // 2. Flex layout
    println!("2. Flex Layout:");
    let flex_center = Style::centered_col()
        .gap(Spacing::S4)
        .padding(Padding::all(Spacing::S8));
    println!("   Centered: {}\n", flex_center.to_css());

    // 3. Button variants
    println!("3. Button Variants:");
    println!("   Primary: {}", Button::primary().to_css());
    println!("   Secondary: {}", Button::secondary().to_css());
    println!("   Outline: {}", Button::outline().to_css());
    println!("   Ghost: {}", Button::ghost().to_css());
    println!("   Destructive: {}", Button::destructive().to_css());
    println!();

    // 4. Button sizes
    println!("4. Button Sizes:");
    println!("   Small: {}", Button::primary().sm().to_css());
    println!("   Medium: {}", Button::primary().to_css());
    println!("   Large: {}", Button::primary().lg().to_css());
    println!();

    // 5. Color palette
    println!("5. Color Palette:");
    println!("   Blue 500: {}", Color::blue(Scale::S500).to_css());
    println!("   Red 500: {}", Color::red(Scale::S500).to_css());
    println!("   Green 500: {}", Color::green(Scale::S500).to_css());
    println!("   Slate 900: {}", Color::slate(Scale::S900).to_css());
    println!();

    // 6. Typography
    println!("6. Typography:");
    let text_style = Style::new()
        .text_size(FontSize::Xl)
        .font_weight(FontWeight::Bold)
        .text_color(Color::slate(Scale::S900));
    println!("   Heading: {}\n", text_style.to_css());

    // 7. Complex component
    println!("7. Complex Component (Card):");
    let complex_card = Style::new()
        .display(twill::Display::Flex)
        .flex(twill::FlexContainer::col().gap(Spacing::S4))
        .padding(Padding::all(Spacing::S6))
        .bg(Color::white())
        .rounded(BorderRadius::Xl)
        .shadow(Shadow::Lg)
        .border(
            twill::BorderWidth::S1,
            twill::BorderStyle::Solid,
            Color::gray(Scale::S200),
        );
    println!("   {}\n", complex_card.to_css());

    println!("=== Demo Complete ===");
}