@@ -70,20 +70,142 @@ public static function provideValidColorAndExpectedRendering(): array
70
70
'rgb(0, 119, 0, 0.5) ' ,
71
71
'rgba(0,119,0,.5) ' ,
72
72
],
73
- /*
74
73
'modern rgb ' => [
75
74
'rgb(0 119 0) ' ,
76
- 'rgb(0,119,0) ',
75
+ '#070 ' ,
77
76
],
77
+ /*
78
78
'modern rgb with none' => [
79
79
'rgb(none 119 0)',
80
80
'rgb(none 119 0)',
81
81
],
82
+ //*/
82
83
'modern rgba ' => [
83
84
'rgb(0 119 0 / 0.5) ' ,
84
85
'rgba(0,119,0,.5) ' ,
85
86
],
87
+ /*
88
+ 'modern rgba with none as alpha' => [
89
+ 'rgb(0 119 0 / none)',
90
+ 'rgba(0 119 0 / none)',
91
+ ],
86
92
//*/
93
+ 'legacy rgb with var for R ' => [
94
+ 'rgb(var(--r), 119, 0) ' ,
95
+ 'rgb(var(--r),119,0) ' ,
96
+ ],
97
+ 'legacy rgb with var for G ' => [
98
+ 'rgb(0, var(--g), 0) ' ,
99
+ 'rgb(0,var(--g),0) ' ,
100
+ ],
101
+ 'legacy rgb with var for B ' => [
102
+ 'rgb(0, 119, var(--b)) ' ,
103
+ 'rgb(0,119,var(--b)) ' ,
104
+ ],
105
+ 'legacy rgb with var for RG ' => [
106
+ 'rgb(var(--rg), 0) ' ,
107
+ 'rgb(var(--rg),0) ' ,
108
+ ],
109
+ 'legacy rgb with var for GB ' => [
110
+ 'rgb(0, var(--gb)) ' ,
111
+ 'rgb(0,var(--gb)) ' ,
112
+ ],
113
+ 'legacy rgba with var for R ' => [
114
+ 'rgba(var(--r), 119, 0, 0.5) ' ,
115
+ 'rgba(var(--r),119,0,.5) ' ,
116
+ ],
117
+ 'legacy rgba with var for G ' => [
118
+ 'rgba(0, var(--g), 0, 0.5) ' ,
119
+ 'rgba(0,var(--g),0,.5) ' ,
120
+ ],
121
+ 'legacy rgba with var for B ' => [
122
+ 'rgb(0, 119, var(--b), 0.5) ' ,
123
+ 'rgb(0,119,var(--b),.5) ' ,
124
+ ],
125
+ 'legacy rgba with var for A ' => [
126
+ 'rgba(0, 119, 0, var(--a)) ' ,
127
+ 'rgba(0,119,0,var(--a)) ' ,
128
+ ],
129
+ 'legacy rgba with var for RG ' => [
130
+ 'rgba(var(--rg), 0, 0.5) ' ,
131
+ 'rgba(var(--rg),0,.5) ' ,
132
+ ],
133
+ 'legacy rgba with var for GB ' => [
134
+ 'rgba(0, var(--gb), 0.5) ' ,
135
+ 'rgba(0,var(--gb),.5) ' ,
136
+ ],
137
+ 'legacy rgba with var for BA ' => [
138
+ 'rgba(0, 119, var(--ba)) ' ,
139
+ 'rgba(0,119,var(--ba)) ' ,
140
+ ],
141
+ 'legacy rgba with var for RGB ' => [
142
+ 'rgba(var(--rgb), 0.5) ' ,
143
+ 'rgba(var(--rgb),.5) ' ,
144
+ ],
145
+ 'legacy rgba with var for GBA ' => [
146
+ 'rgba(0, var(--gba)) ' ,
147
+ 'rgba(0,var(--gba)) ' ,
148
+ ],
149
+ 'modern rgb with var for R ' => [
150
+ 'rgb(var(--r) 119 0) ' ,
151
+ 'rgb(var(--r),119,0) ' ,
152
+ ],
153
+ 'modern rgb with var for G ' => [
154
+ 'rgb(0 var(--g) 0) ' ,
155
+ 'rgb(0,var(--g),0) ' ,
156
+ ],
157
+ 'modern rgb with var for B ' => [
158
+ 'rgb(0 119 var(--b)) ' ,
159
+ 'rgb(0,119,var(--b)) ' ,
160
+ ],
161
+ 'modern rgb with var for RG ' => [
162
+ 'rgb(var(--rg) 0) ' ,
163
+ 'rgb(var(--rg),0) ' ,
164
+ ],
165
+ 'modern rgb with var for GB ' => [
166
+ 'rgb(0 var(--gb)) ' ,
167
+ 'rgb(0,var(--gb)) ' ,
168
+ ],
169
+ 'modern rgba with var for R ' => [
170
+ 'rgba(var(--r) 119 0 / 0.5) ' ,
171
+ 'rgba(var(--r),119,0,.5) ' ,
172
+ ],
173
+ 'modern rgba with var for G ' => [
174
+ 'rgba(0 var(--g) 0 / 0.5) ' ,
175
+ 'rgba(0,var(--g),0,.5) ' ,
176
+ ],
177
+ 'modern rgba with var for B ' => [
178
+ 'rgba(0 119 var(--b) / 0.5) ' ,
179
+ 'rgba(0,119,var(--b),.5) ' ,
180
+ ],
181
+ 'modern rgba with var for A ' => [
182
+ 'rgba(0 119 0 / var(--a)) ' ,
183
+ 'rgba(0,119,0,var(--a)) ' ,
184
+ ],
185
+ 'modern rgba with var for RG ' => [
186
+ 'rgba(var(--rg) 0 / 0.5) ' ,
187
+ 'rgba(var(--rg),0,.5) ' ,
188
+ ],
189
+ 'modern rgba with var for GB ' => [
190
+ 'rgba(0 var(--gb) / 0.5) ' ,
191
+ 'rgba(0,var(--gb),.5) ' ,
192
+ ],
193
+ 'modern rgba with var for BA ' => [
194
+ 'rgba(0 119 var(--ba)) ' ,
195
+ 'rgba(0,119,var(--ba)) ' ,
196
+ ],
197
+ 'modern rgba with var for RGB ' => [
198
+ 'rgba(var(--rgb) / 0.5) ' ,
199
+ 'rgba(var(--rgb),.5) ' ,
200
+ ],
201
+ 'modern rgba with var for GBA ' => [
202
+ 'rgba(0 var(--gba)) ' ,
203
+ 'rgba(0,var(--gba)) ' ,
204
+ ],
205
+ 'rgba with var for RGBA ' => [
206
+ 'rgba(var(--rgba)) ' ,
207
+ 'rgba(var(--rgba)) ' ,
208
+ ],
87
209
'legacy hsl ' => [
88
210
'hsl(120, 100%, 25%) ' ,
89
211
'hsl(120,100%,25%) ' ,
@@ -120,6 +242,26 @@ public static function provideValidColorAndExpectedRendering(): array
120
242
'hsl(120, 100%, 25%, 0.5) ' ,
121
243
'hsla(120,100%,25%,.5) ' ,
122
244
],
245
+ 'modern hsl ' => [
246
+ 'hsl(120 100% 25%) ' ,
247
+ 'hsl(120,100%,25%) ' ,
248
+ ],
249
+ /*
250
+ 'modern hsl with none' => [
251
+ 'hsl(none 100% 25%)',
252
+ 'hsl(none 100% 25%)',
253
+ ],
254
+ //*/
255
+ 'modern hsla ' => [
256
+ 'hsl(120 100% 25% / 0.5) ' ,
257
+ 'hsla(120,100%,25%,.5) ' ,
258
+ ],
259
+ /*
260
+ 'modern hsla with none as alpha' => [
261
+ 'hsl(120 100% 25% none)',
262
+ 'hsla(120 100% 25% none)',
263
+ ],
264
+ //*/
123
265
];
124
266
}
125
267
@@ -180,6 +322,15 @@ public static function provideInvalidColor(): array
180
322
'rgb(255, 0px, 0)',
181
323
],
182
324
//*/
325
+ 'modern rgb color without slash separator for alpha ' => [
326
+ 'rgb(255 0 0 0.5) ' ,
327
+ ],
328
+ 'rgb color with mixed separators, comma first ' => [
329
+ 'rgb(255, 0 0) ' ,
330
+ ],
331
+ 'rgb color with mixed separators, space first ' => [
332
+ 'rgb(255 0, 0) ' ,
333
+ ],
183
334
'hsl color with 0 arguments ' => [
184
335
'hsl() ' ,
185
336
],
@@ -200,6 +351,15 @@ public static function provideInvalidColor(): array
200
351
'hsl(0px, 100%, 50%)'
201
352
],
202
353
//*/
354
+ 'modern hsl color without slash separator for alpha ' => [
355
+ 'rgb(0 100% 50% 0.5) ' ,
356
+ ],
357
+ 'hsl color with mixed separators, comma first ' => [
358
+ 'hsl(0, 100% 50%) ' ,
359
+ ],
360
+ 'hsl color with mixed separators, space first ' => [
361
+ 'hsl(0 100%, 50%) ' ,
362
+ ],
203
363
];
204
364
}
205
365
0 commit comments