tairitsu-style 0.4.2

Type-safe CSS property builders for Tairitsu framework
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

/// CSS value grammar for Pest parser.
///
/// This grammar defines the syntax for CSS length values, expressions,
/// and functions like calc(), min(), max(), and clamp().

WHITESPACE = _{ " " | "\t" | "\n" | "\r" }

// Top-level rule for parsing a CSS length
length = {
    calc_expr
  | min_expr
  | max_expr
  | clamp_expr
  | px | inch | cm | mm | pt | pc
  | em | rem | ex | ch
  | vw | vh | vmin | vmax
  | percent
  | keyword
}

// CSS function expressions
calc_expr = { "calc(" ~ expression ~ ")" }
min_expr = { "min(" ~ min_args ~ ")" }
max_expr = { "max(" ~ max_args ~ ")" }
clamp_expr = { "clamp(" ~ clamp_args ~ ")" }

// Function arguments (comma-separated for min/max/clamp)
min_args = { term ~ ("," ~ term)* }
max_args = { term ~ ("," ~ term)* }
clamp_args = { term ~ "," ~ term ~ "," ~ term }

// Mathematical expressions
expression = {
    term ~ (
        add ~ term
      | sub ~ term
      | mul ~ term
      | div ~ term
    )*
}

// Terms can be values, unitless numbers, expressions in parentheses, or unary operations
term = {
    simple_length
  | unitless_number
  | "(" ~ expression ~ ")"
  | unary
  | min_expr
  | max_expr
  | clamp_expr
  | calc_expr
}

// Unary operations (+value, -value)
unary = { ("+" | "-") ~ term }

// Operators
add = { "+" }
sub = { "-" }
mul = { "*" }
div = { "/" }

// CSS length units (simple version for use in expressions)
simple_length = {
    px | inch | cm | mm | pt | pc
  | em | rem | ex | ch
  | vw | vh | vmin | vmax
  | percent
}

// Unitless number (for multiplication/division in calc)
unitless_number = @{ number }

// CSS length units (for top-level parsing)
px = @{ number ~ "px" }
inch = @{ number ~ "in" }
cm = @{ number ~ "cm" }
mm = @{ number ~ "mm" }
pt = @{ number ~ "pt" }
pc = @{ number ~ "pc" }

// Relative units
em = @{ number ~ "em" }
rem = @{ number ~ "rem" }
ex = @{ number ~ "ex" }
ch = @{ number ~ "ch" }

// Viewport units
vw = @{ number ~ "vw" }
vh = @{ number ~ "vh" }
vmin = @{ number ~ "vmin" }
vmax = @{ number ~ "vmax" }

// Percentage
percent = @{ number ~ "%" }

// Number (supports integers and decimals, positive and negative)
number = @{
    ("+" | "-")? ~
    (
        ("0" | nonzero ~ digit*) ~ ("." ~ digit+)?
      | "." ~ digit+
    )
}

nonzero = @{ '1'..'9' }
digit = @{ '0'..'9' }

// CSS keywords
keyword = @{
    "auto"
  | "min-content"
  | "max-content"
  | fit_content
}

// fit-content() function (special case, handled separately)
fit_content = { "fit-content(" ~ number ~ "px)" }