dioxus_tailwindcss/
typography.rs

1use crate::ext::*;
2
3// https://tailwindcss.com/docs/font-family
4constant!(font sans);
5constant!(font serif);
6constant!(font mono);
7
8any!(font);
9
10// https://tailwindcss.com/docs/font-size
11constant!(text xs);
12constant!(text sm);
13constant!(text base);
14constant!(text lg);
15constant!(text xl);
16constant!(text "2xl");
17constant!(text "3xl");
18constant!(text "4xl");
19constant!(text "5xl");
20constant!(text "6xl");
21constant!(text "7xl");
22constant!(text "8xl");
23constant!(text "9xl");
24
25// https://tailwindcss.com/docs/font-smoothing
26constant!(antialiased);
27constant!(subpixel antialiased);
28
29// https://tailwindcss.com/docs/font-style
30constant!(italic);
31constant!(not italic);
32
33// https://tailwindcss.com/docs/font-weight
34constant!(font thin);
35constant!(font extralight);
36constant!(font light);
37constant!(font normal);
38constant!(font medium);
39constant!(font semibold);
40constant!(font bold);
41constant!(font extrabold);
42constant!(font black);
43
44// https://tailwindcss.com/docs/font-variant-numeric
45constant!(normal nums);
46constant!(ordinal);
47constant!(slashed zero);
48constant!(lining nums);
49constant!(oldstyle nums);
50constant!(proportional nums);
51constant!(tabular nums);
52constant!(diagonal fractions);
53constant!(stacked fractions);
54
55// https://tailwindcss.com/docs/letter-spacing
56constant!(tracking tighter);
57constant!(tracking tight);
58constant!(tracking normal);
59constant!(tracking wide);
60constant!(tracking wider);
61constant!(tracking widest);
62
63any!(tracking);
64
65// https://tailwindcss.com/docs/line-clamp
66constant!(line clamp 1);
67constant!(line clamp 2);
68constant!(line clamp 3);
69constant!(line clamp 4);
70constant!(line clamp 5);
71constant!(line clamp 6);
72constant!(line clamp none);
73
74any!(line clamp);
75
76// https://tailwindcss.com/docs/line-height
77constant!(leading 3);
78constant!(leading 4);
79constant!(leading 5);
80constant!(leading 6);
81constant!(leading 7);
82constant!(leading 8);
83constant!(leading 9);
84constant!(leading 10);
85constant!(leading none);
86constant!(leading tight);
87constant!(leading snug);
88constant!(leading normal);
89constant!(leading relaxed);
90constant!(leading loose);
91
92any!(leading);
93
94// https://tailwindcss.com/docs/list-style-image
95constant!(list image none);
96
97// https://tailwindcss.com/docs/list-style-position
98constant!(list inside);
99constant!(list outside);
100
101// https://tailwindcss.com/docs/list-style-type
102constant!(list none);
103constant!(list disc);
104constant!(list decimal);
105
106any!(list);
107
108// https://tailwindcss.com/docs/text-align
109constant!(text left);
110constant!(text center);
111constant!(text right);
112constant!(text justify);
113constant!(text start);
114constant!(text end);
115
116// https://tailwindcss.com/docs/text-color
117colors!(text);
118
119/// {text}/{o}
120pub fn with_opacity(text: &str, o: u8) -> String {
121    format!("{}/{}", text, o)
122}
123
124/// {text}/[{o}]
125pub fn with_opacity_scale(text: &str, o: f32) -> String {
126    format!("{}/[{}]", text, o)
127}
128
129// https://tailwindcss.com/docs/text-decoration
130constant!(underline);
131constant!(overline);
132constant!(line through);
133constant!(no underline);
134
135// https://tailwindcss.com/docs/text-decoration-color
136colors!(decoration);
137
138// https://tailwindcss.com/docs/text-decoration-style
139constant!(decoration solid);
140constant!(decoration double);
141constant!(decoration dotted);
142constant!(decoration dashed);
143constant!(decoration wavy);
144
145// https://tailwindcss.com/docs/text-decoration-thickness
146constant!(decoration auto);
147constant!(decoration from font);
148constant!(decoration 0);
149constant!(decoration 1);
150constant!(decoration 2);
151constant!(decoration 4);
152constant!(decoration 8);
153
154// https://tailwindcss.com/docs/text-underline-offset
155constant!(underline offset auto);
156constant!(underline offset 0);
157constant!(underline offset 1);
158constant!(underline offset 2);
159constant!(underline offset 4);
160constant!(underline offset 8);
161
162any!(underline offset);
163
164// https://tailwindcss.com/docs/text-transform
165constant!(uppercase);
166constant!(lowercase);
167constant!(capitalize);
168constant!(normal case);
169
170// https://tailwindcss.com/docs/text-overflow
171constant!(truncate);
172constant!(text ellipsis);
173constant!(text clip);
174
175// https://tailwindcss.com/docs/text-wrap
176constant!(text wrap);
177constant!(text nowrap);
178constant!(text balance);
179constant!(text pretty);
180
181// https://tailwindcss.com/docs/text-indent
182size_0_to_96!(indent);
183
184// https://tailwindcss.com/docs/vertical-align
185constant!(align baseline);
186constant!(align top);
187constant!(align middle);
188constant!(align bottom);
189constant!(align text top);
190constant!(align text bottom);
191constant!(align sub);
192constant!(align super);
193
194any!(align);
195
196// https://tailwindcss.com/docs/whitespace
197constant!(whitespace normal);
198constant!(whitespace nowrap);
199constant!(whitespace pre);
200constant!(whitespace pre line);
201constant!(whitespace pre wrap);
202constant!(whitespace break spaces);
203
204// https://tailwindcss.com/docs/word-break
205constant!(break normal);
206constant!(break words);
207constant!(break all);
208constant!(break keep);
209
210// https://tailwindcss.com/docs/hyphens
211constant!(hyphens none);
212constant!(hyphens manual);
213constant!(hyphens auto);
214
215// https://tailwindcss.com/docs/content
216constant!(content none);
217
218any!(content);