Skip to content

Commit 8d8f336

Browse files
nex3nex3
authored
Add specs for phase 1 of the attr-type proposal (#2051)
See #2050
1 parent 17de10c commit 8d8f336

File tree

16 files changed

+678
-70
lines changed

16 files changed

+678
-70
lines changed

‎spec/core_functions/color/hsl/four_args/special_functions.hrx

+40
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,46 @@ a {
160160
b: hsl(1, 2%, 3%, env(--foo));
161161
}
162162

163+
<===>
164+
================================================================================
165+
<===> attr/arg_1/input.scss
166+
a {b: hsl(attr(c, %), 2%, 3%, 0.4)}
167+
168+
<===> attr/arg_1/output.css
169+
a {
170+
b: hsl(attr(c, %), 2%, 3%, 0.4);
171+
}
172+
173+
<===>
174+
================================================================================
175+
<===> attr/arg_2/input.scss
176+
a {b: hsl(1, attr(c, %), 3%, 0.4)}
177+
178+
<===> attr/arg_2/output.css
179+
a {
180+
b: hsl(1, attr(c, %), 3%, 0.4);
181+
}
182+
183+
<===>
184+
================================================================================
185+
<===> attr/arg_3/input.scss
186+
a {b: hsl(1, 2%, attr(c, %), 0.4)}
187+
188+
<===> attr/arg_3/output.css
189+
a {
190+
b: hsl(1, 2%, attr(c, %), 0.4);
191+
}
192+
193+
<===>
194+
================================================================================
195+
<===> attr/arg_4/input.scss
196+
a {b: hsl(1, 2%, 3%, attr(c, %))}
197+
198+
<===> attr/arg_4/output.css
199+
a {
200+
b: hsl(1, 2%, 3%, attr(c, %));
201+
}
202+
163203
<===>
164204
================================================================================
165205
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx

+40
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,46 @@ a {
160160
b: hsl(1, 2%, 3%, env(--foo));
161161
}
162162

163+
<===>
164+
================================================================================
165+
<===> attr/arg_1/input.scss
166+
a {b: hsl(attr(c, %) 2% 3% / 0.4)}
167+
168+
<===> attr/arg_1/output.css
169+
a {
170+
b: hsl(attr(c, %), 2%, 3%, 0.4);
171+
}
172+
173+
<===>
174+
================================================================================
175+
<===> attr/arg_2/input.scss
176+
a {b: hsl(1 attr(c, %) 3% / 0.4)}
177+
178+
<===> attr/arg_2/output.css
179+
a {
180+
b: hsl(1, attr(c, %), 3%, 0.4);
181+
}
182+
183+
<===>
184+
================================================================================
185+
<===> attr/arg_3/input.scss
186+
a {b: hsl(1 2% attr(c, %) / 0.4)}
187+
188+
<===> attr/arg_3/output.css
189+
a {
190+
b: hsl(1, 2%, attr(c, %), 0.4);
191+
}
192+
193+
<===>
194+
================================================================================
195+
<===> attr/arg_4/input.scss
196+
a {b: hsl(1 2% 3% / attr(c, %))}
197+
198+
<===> attr/arg_4/output.css
199+
a {
200+
b: hsl(1, 2%, 3%, attr(c, %));
201+
}
202+
163203
<===>
164204
================================================================================
165205
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/hsl/one_arg/special_functions/no_alpha.hrx

+30
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,36 @@ a {
119119
b: hsl(1, 2%, env(--foo));
120120
}
121121

122+
<===>
123+
================================================================================
124+
<===> attr/arg_1/input.scss
125+
a {b: hsl(attr(c, %) 2% 3%)}
126+
127+
<===> attr/arg_1/output.css
128+
a {
129+
b: hsl(attr(c, %), 2%, 3%);
130+
}
131+
132+
<===>
133+
================================================================================
134+
<===> attr/arg_2/input.scss
135+
a {b: hsl(1 attr(c, %) 3%)}
136+
137+
<===> attr/arg_2/output.css
138+
a {
139+
b: hsl(1, attr(c, %), 3%);
140+
}
141+
142+
<===>
143+
================================================================================
144+
<===> attr/arg_3/input.scss
145+
a {b: hsl(1 2% attr(c, %))}
146+
147+
<===> attr/arg_3/output.css
148+
a {
149+
b: hsl(1, 2%, attr(c, %));
150+
}
151+
122152
<===>
123153
================================================================================
124154
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/hsl/three_args/special_functions.hrx

+30
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,36 @@ a {
119119
b: hsl(1, 2%, env(--foo));
120120
}
121121

122+
<===>
123+
================================================================================
124+
<===> attr/arg_1/input.scss
125+
a {b: hsl(attr(c, %), 2%, 3%)}
126+
127+
<===> attr/arg_1/output.css
128+
a {
129+
b: hsl(attr(c, %), 2%, 3%);
130+
}
131+
132+
<===>
133+
================================================================================
134+
<===> attr/arg_2/input.scss
135+
a {b: hsl(1, attr(c, %), 3%)}
136+
137+
<===> attr/arg_2/output.css
138+
a {
139+
b: hsl(1, attr(c, %), 3%);
140+
}
141+
142+
<===>
143+
================================================================================
144+
<===> attr/arg_3/input.scss
145+
a {b: hsl(1, 2%, attr(c, %))}
146+
147+
<===> attr/arg_3/output.css
148+
a {
149+
b: hsl(1, 2%, attr(c, %));
150+
}
151+
122152
<===>
123153
================================================================================
124154
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/lab/special_functions/alpha.hrx

+48
Original file line numberDiff line numberDiff line change
@@ -204,6 +204,54 @@ a {
204204
type: string;
205205
}
206206

207+
<===>
208+
================================================================================
209+
<===> attr/arg_1/input.scss
210+
@use 'core_functions/color/utils';
211+
@include utils.inspect(lab(attr(c, %) 2 3 / 0.4));
212+
213+
<===> attr/arg_1/output.css
214+
a {
215+
value: lab(attr(c, %) 2 3/0.4);
216+
type: string;
217+
}
218+
219+
<===>
220+
================================================================================
221+
<===> attr/arg_2/input.scss
222+
@use 'core_functions/color/utils';
223+
@include utils.inspect(lab(1% attr(c, %) 3 / 0.4));
224+
225+
<===> attr/arg_2/output.css
226+
a {
227+
value: lab(1% attr(c, %) 3/0.4);
228+
type: string;
229+
}
230+
231+
<===>
232+
================================================================================
233+
<===> attr/arg_3/input.scss
234+
@use 'core_functions/color/utils';
235+
@include utils.inspect(lab(1% 2 attr(c, %) / 0.4));
236+
237+
<===> attr/arg_3/output.css
238+
a {
239+
value: lab(1% 2 attr(c, %)/0.4);
240+
type: string;
241+
}
242+
243+
<===>
244+
================================================================================
245+
<===> attr/arg_4/input.scss
246+
@use 'core_functions/color/utils';
247+
@include utils.inspect(lab(1% 2 3 / attr(c, %)));
248+
249+
<===> attr/arg_4/output.css
250+
a {
251+
value: lab(1% 2 3/attr(c, %));
252+
type: string;
253+
}
254+
207255
<===>
208256
================================================================================
209257
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/lab/special_functions/no_alpha.hrx

+36
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,42 @@ a {
143143
type: string;
144144
}
145145

146+
<===>
147+
================================================================================
148+
<===> attr/arg_1/input.scss
149+
@use 'core_functions/color/utils';
150+
@include utils.inspect(lab(attr(c, %) 2 3));
151+
152+
<===> attr/arg_1/output.css
153+
a {
154+
value: lab(attr(c, %) 2 3);
155+
type: string;
156+
}
157+
158+
<===>
159+
================================================================================
160+
<===> attr/arg_2/input.scss
161+
@use 'core_functions/color/utils';
162+
@include utils.inspect(lab(1% attr(c, %) 3));
163+
164+
<===> attr/arg_2/output.css
165+
a {
166+
value: lab(1% attr(c, %) 3);
167+
type: string;
168+
}
169+
170+
<===>
171+
================================================================================
172+
<===> attr/arg_3/input.scss
173+
@use 'core_functions/color/utils';
174+
@include utils.inspect(lab(1% 2 attr(c, %)));
175+
176+
<===> attr/arg_3/output.css
177+
a {
178+
value: lab(1% 2 attr(c, %));
179+
type: string;
180+
}
181+
146182
<===>
147183
================================================================================
148184
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/rgb/four_args/special_functions.hrx

+40
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,46 @@ a {
160160
b: rgb(1, 2, 3, env(--foo));
161161
}
162162

163+
<===>
164+
================================================================================
165+
<===> attr/arg_1/input.scss
166+
a {b: rgb(attr(c, %), 2, 3, 0.4)}
167+
168+
<===> attr/arg_1/output.css
169+
a {
170+
b: rgb(attr(c, %), 2, 3, 0.4);
171+
}
172+
173+
<===>
174+
================================================================================
175+
<===> attr/arg_2/input.scss
176+
a {b: rgb(1, attr(c, %), 3, 0.4)}
177+
178+
<===> attr/arg_2/output.css
179+
a {
180+
b: rgb(1, attr(c, %), 3, 0.4);
181+
}
182+
183+
<===>
184+
================================================================================
185+
<===> attr/arg_3/input.scss
186+
a {b: rgb(1, 2, attr(c, %), 0.4)}
187+
188+
<===> attr/arg_3/output.css
189+
a {
190+
b: rgb(1, 2, attr(c, %), 0.4);
191+
}
192+
193+
<===>
194+
================================================================================
195+
<===> attr/arg_4/input.scss
196+
a {b: rgb(1, 2, 3, attr(c, %))}
197+
198+
<===> attr/arg_4/output.css
199+
a {
200+
b: rgb(1, 2, 3, attr(c, %));
201+
}
202+
163203
<===>
164204
================================================================================
165205
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx

+40
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,46 @@ a {
160160
b: rgb(1, 2, 3, env(--foo));
161161
}
162162

163+
<===>
164+
================================================================================
165+
<===> attr/arg_1/input.scss
166+
a {b: rgb(attr(c, %) 2 3 / 0.4)}
167+
168+
<===> attr/arg_1/output.css
169+
a {
170+
b: rgb(attr(c, %), 2, 3, 0.4);
171+
}
172+
173+
<===>
174+
================================================================================
175+
<===> attr/arg_2/input.scss
176+
a {b: rgb(1 attr(c, %) 3 / 0.4)}
177+
178+
<===> attr/arg_2/output.css
179+
a {
180+
b: rgb(1, attr(c, %), 3, 0.4);
181+
}
182+
183+
<===>
184+
================================================================================
185+
<===> attr/arg_3/input.scss
186+
a {b: rgb(1 2 attr(c, %) / 0.4)}
187+
188+
<===> attr/arg_3/output.css
189+
a {
190+
b: rgb(1, 2, attr(c, %), 0.4);
191+
}
192+
193+
<===>
194+
================================================================================
195+
<===> attr/arg_4/input.scss
196+
a {b: rgb(1 2 3 / attr(c, %))}
197+
198+
<===> attr/arg_4/output.css
199+
a {
200+
b: rgb(1, 2, 3, attr(c, %));
201+
}
202+
163203
<===>
164204
================================================================================
165205
<===> min/string/arg_1/input.scss

‎spec/core_functions/color/rgb/one_arg/special_functions/no_alpha.hrx

+30
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,36 @@ a {
119119
b: rgb(1, 2, env(--foo));
120120
}
121121

122+
<===>
123+
================================================================================
124+
<===> attr/arg_1/input.scss
125+
a {b: rgb(attr(c, %) 2 3)}
126+
127+
<===> attr/arg_1/output.css
128+
a {
129+
b: rgb(attr(c, %), 2, 3);
130+
}
131+
132+
<===>
133+
================================================================================
134+
<===> attr/arg_2/input.scss
135+
a {b: rgb(1 attr(c, %) 3)}
136+
137+
<===> attr/arg_2/output.css
138+
a {
139+
b: rgb(1, attr(c, %), 3);
140+
}
141+
142+
<===>
143+
================================================================================
144+
<===> attr/arg_3/input.scss
145+
a {b: rgb(1 2 attr(c, %))}
146+
147+
<===> attr/arg_3/output.css
148+
a {
149+
b: rgb(1, 2, attr(c, %));
150+
}
151+
122152
<===>
123153
================================================================================
124154
<===> min/string/arg_1/input.scss

0 commit comments

Comments
 (0)