36
36
<===> hue/unknown/warning
37
37
DEPRECATION WARNING: $hue: Passing a unit other than deg (60in) is deprecated.
38
38
39
- To preserve current behavior: $hue / 1in
39
+ To preserve current behavior: calc( $hue / 1in)
40
40
41
41
See https://sass-lang.com/d/color-units
42
42
@@ -62,7 +62,7 @@ DEPRECATION WARNING: $hue: Passing a unit other than deg (60rad) is deprecated.
62
62
You're passing 60rad, which is currently (incorrectly) converted to 60deg.
63
63
Soon, it will instead be correctly converted to 3437.7467707849deg.
64
64
65
- To preserve current behavior: $hue * 1deg/1rad
65
+ To preserve current behavior: calc( $hue * 1deg/1rad)
66
66
To migrate to new behavior: 0deg + $hue
67
67
68
68
See https://sass-lang.com/d/color-units
117
117
<===> saturation/unknown/warning
118
118
DEPRECATION WARNING: $saturation: Passing a number without unit % (-10in) is deprecated.
119
119
120
- To preserve current behavior: $saturation / 1in * 1%
120
+ To preserve current behavior: calc( $saturation / 1in * 1%)
121
121
122
122
,
123
123
1 | a {b: adjust-color(red, $saturation: -10in)}
@@ -169,10 +169,62 @@ a {
169
169
<===> lightness/unknown/warning
170
170
DEPRECATION WARNING: $lightness: Passing a number without unit % (10in) is deprecated.
171
171
172
- To preserve current behavior: $lightness / 1in * 1%
172
+ To preserve current behavior: calc( $lightness / 1in * 1%)
173
173
174
174
,
175
175
1 | a {b: adjust-color(red, $lightness: 10in)}
176
176
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
177
177
'
178
178
input.scss 1:7 root stylesheet
179
+
180
+ <===>
181
+ ================================================================================
182
+ <===> alpha/unitless/input.scss
183
+ a {b: adjust-color(red, $alpha: -0.3)}
184
+
185
+ <===> alpha/unitless/output.css
186
+ a {
187
+ b: rgba(255, 0, 0, 0.7);
188
+ }
189
+
190
+ <===>
191
+ ================================================================================
192
+ <===> alpha/percent/input.scss
193
+ a {b: adjust-color(red, $alpha: -0.3%)}
194
+
195
+ <===> alpha/percent/output.css
196
+ a {
197
+ b: rgba(255, 0, 0, 0.7);
198
+ }
199
+
200
+ <===> alpha/percent/warning
201
+ WARNING: $alpha: Passing a number with unit % is deprecated.
202
+
203
+ To preserve current behavior: calc($alpha / 1%)
204
+
205
+ ,
206
+ 1 | a {b: adjust-color(red, $alpha: -0.3%)}
207
+ | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
208
+ '
209
+ input.scss 1:7 root stylesheet
210
+
211
+ <===>
212
+ ================================================================================
213
+ <===> alpha/unknown/input.scss
214
+ a {b: adjust-color(red, $alpha: -0.3px)}
215
+
216
+ <===> alpha/unknown/output.css
217
+ a {
218
+ b: rgba(255, 0, 0, 0.7);
219
+ }
220
+
221
+ <===> alpha/unknown/warning
222
+ WARNING: $alpha: Passing a number with unit px is deprecated.
223
+
224
+ To preserve current behavior: calc($alpha / 1px)
225
+
226
+ ,
227
+ 1 | a {b: adjust-color(red, $alpha: -0.3px)}
228
+ | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
229
+ '
230
+ input.scss 1:7 root stylesheet
0 commit comments