css_variables/
css_variables.rs

1use mew_css::style;
2use mew_css::values::{Color, Size, Display, FontWeight};
3use mew_css::variable::var;
4
5fn main() {
6    // Create CSS variables
7    let primary_color = var("primary-color");
8    let spacing = var("spacing");
9    let display_mode = var("display-mode");
10    let font_weight = var("font-weight");
11
12    // Use CSS variables in style properties
13    // Method 1: Using explicit enum variants
14    let css1 = style()
15        .color(Color::Var(primary_color.clone()))
16        .background_color(Color::Rgba(240, 240, 240, 0.5))
17        .margin(Size::Var(spacing.clone()))
18        .padding(Size::Px(10))
19        .display(Display::Var(display_mode.clone()))
20        .font_weight(FontWeight::Var(font_weight.clone()))
21        .apply();
22
23    // Method 2: Using Into trait
24    let css2 = style()
25        .color(primary_color.clone().into())
26        .background_color(Color::Rgba(240, 240, 240, 0.5))
27        .margin(spacing.clone().into())
28        .padding(Size::Px(10))
29        .display(display_mode.into())
30        .font_weight(font_weight.into())
31        .apply();
32
33    println!("Generated CSS with variables (Method 1): {}", css1);
34    println!("Generated CSS with variables (Method 2): {}", css2);
35}
css_variables/css_variables.rs

css_variables/
css_variables.rs
