dioxus_tailwindcss/
filters.rs

1use crate::ext::*;
2
3// https://tailwindcss.com/docs/blur
4constant!(blur none);
5constant!(blur);
6sm_to_2xl!(blur);
7constant!(blur "3xl");
8
9any!(blur);
10
11// https://tailwindcss.com/docs/brightness
12constant!(brightness 0);
13constant!(brightness 50);
14constant!(brightness 75);
15constant!(brightness 90);
16constant!(brightness 95);
17constant!(brightness 100);
18constant!(brightness 105);
19constant!(brightness 110);
20constant!(brightness 125);
21constant!(brightness 150);
22constant!(brightness 200);
23
24any!(brightness);
25
26// https://tailwindcss.com/docs/contrast
27constant!(contrast 0);
28constant!(contrast 50);
29constant!(contrast 75);
30constant!(contrast 100);
31constant!(contrast 125);
32constant!(contrast 150);
33constant!(contrast 200);
34
35any!(contrast);
36
37// https://tailwindcss.com/docs/drop-shadow
38constant!(drop shadow);
39sm_to_2xl!(drop shadow);
40constant!(drop shadow none);
41
42any!(drop shadow);
43
44// https://tailwindcss.com/docs/grayscale
45constant!(grayscale);
46constant!(grayscale 0);
47
48any!(grayscale);
49
50// https://tailwindcss.com/docs/hue-rotate
51constant!(hue rotate 0);
52constant!(hue rotate 15);
53constant!(hue rotate 30);
54constant!(hue rotate 60);
55constant!(hue rotate 90);
56constant!(hue rotate 180);
57
58any!(hue rotate);
59
60// https://tailwindcss.com/docs/invert
61constant!(invert);
62constant!(invert 0);
63
64any!(invert);
65
66// https://tailwindcss.com/docs/saturate
67constant!(saturate);
68constant!(saturate 0);
69constant!(saturate 50);
70constant!(saturate 100);
71constant!(saturate 150);
72constant!(saturate 200);
73
74any!(saturate);
75
76// https://tailwindcss.com/docs/sepia
77constant!(sepia);
78constant!(sepia 0);
79
80any!(sepia);
81
82// https://tailwindcss.com/docs/backdrop-blur
83constant!(backdrop blur none);
84constant!(backdrop blur);
85sm_to_2xl!(backdrop blur);
86constant!(backdrop blur "3xl");
87
88any!(backdrop blur);
89
90// https://tailwindcss.com/docs/backdrop-brightness
91constant!(backdrop brightness 0);
92constant!(backdrop brightness 50);
93constant!(backdrop brightness 75);
94constant!(backdrop brightness 90);
95constant!(backdrop brightness 95);
96constant!(backdrop brightness 100);
97constant!(backdrop brightness 105);
98constant!(backdrop brightness 110);
99constant!(backdrop brightness 125);
100constant!(backdrop brightness 150);
101constant!(backdrop brightness 200);
102
103any!(backdrop brightness);
104
105// https://tailwindcss.com/docs/backdrop-contrast
106constant!(backdrop contrast 0);
107constant!(backdrop contrast 50);
108constant!(backdrop contrast 75);
109constant!(backdrop contrast 100);
110constant!(backdrop contrast 125);
111constant!(backdrop contrast 150);
112constant!(backdrop contrast 200);
113
114any!(backdrop contrast);
115
116// https://tailwindcss.com/docs/backdrop-grayscale
117constant!(backdrop grayscale);
118constant!(backdrop grayscale 0);
119
120any!(backdrop grayscale);
121
122// https://tailwindcss.com/docs/backdrop-hue-rotate
123constant!(backdrop hue rotate 0);
124constant!(backdrop hue rotate 15);
125constant!(backdrop hue rotate 30);
126constant!(backdrop hue rotate 60);
127constant!(backdrop hue rotate 90);
128constant!(backdrop hue rotate 180);
129
130any!(backdrop hue rotate);
131
132// https://tailwindcss.com/docs/backdrop-invert
133constant!(backdrop invert);
134constant!(backdrop invert 0);
135
136any!(backdrop invert);
137
138// https://tailwindcss.com/docs/backdrop-opacity
139opacities!(backdrop opacity);
140
141// https://tailwindcss.com/docs/backdrop-saturate
142constant!(backdrop saturate 0);
143constant!(backdrop saturate 50);
144constant!(backdrop saturate 100);
145constant!(backdrop saturate 150);
146constant!(backdrop saturate 200);
147
148any!(backdrop saturate);
149
150// https://tailwindcss.com/docs/backdrop-sepia
151constant!(backdrop sepia);
152constant!(backdrop sepia 0);
153
154any!(backdrop sepia);
155