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
@@ -98,6 +98,8 @@ DEPRECATION WARNING: $saturation: Passing a number without unit % (-10) is depre
98
98
99
99
To preserve current behavior: $saturation * 1%
100
100
101
+ More info: https://sass-lang.com/d/function-units
102
+
101
103
,
102
104
1 | a {b: adjust-color(red, $saturation: -10)}
103
105
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
117
119
<===> saturation/unknown/warning
118
120
DEPRECATION WARNING: $saturation: Passing a number without unit % (-10in) is deprecated.
119
121
120
- To preserve current behavior: $saturation / 1in * 1%
122
+ To preserve current behavior: calc($saturation / 1in * 1%)
123
+
124
+ More info: https://sass-lang.com/d/function-units
121
125
122
126
,
123
127
1 | a {b: adjust-color(red, $saturation: -10in)}
@@ -150,6 +154,8 @@ DEPRECATION WARNING: $lightness: Passing a number without unit % (10) is depreca
150
154
151
155
To preserve current behavior: $lightness * 1%
152
156
157
+ More info: https://sass-lang.com/d/function-units
158
+
153
159
,
154
160
1 | a {b: adjust-color(red, $lightness: 10)}
155
161
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
@@ -169,10 +175,68 @@ a {
169
175
<===> lightness/unknown/warning
170
176
DEPRECATION WARNING: $lightness: Passing a number without unit % (10in) is deprecated.
171
177
172
- To preserve current behavior: $lightness / 1in * 1%
178
+ To preserve current behavior: calc($lightness / 1in * 1%)
179
+
180
+ More info: https://sass-lang.com/d/function-units
173
181
174
182
,
175
183
1 | a {b: adjust-color(red, $lightness: 10in)}
176
184
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
177
185
'
178
186
input.scss 1:7 root stylesheet
187
+
188
+ <===>
189
+ ================================================================================
190
+ <===> alpha/unitless/input.scss
191
+ a {b: adjust-color(red, $alpha: -0.3)}
192
+
193
+ <===> alpha/unitless/output.css
194
+ a {
195
+ b: rgba(255, 0, 0, 0.7);
196
+ }
197
+
198
+ <===>
199
+ ================================================================================
200
+ <===> alpha/percent/input.scss
201
+ a {b: adjust-color(red, $alpha: -0.3%)}
202
+
203
+ <===> alpha/percent/output.css
204
+ a {
205
+ b: rgba(255, 0, 0, 0.7);
206
+ }
207
+
208
+ <===> alpha/percent/warning
209
+ DEPRECATION WARNING: $alpha: Passing a number with unit % is deprecated.
210
+
211
+ To preserve current behavior: calc($alpha / 1%)
212
+
213
+ More info: https://sass-lang.com/d/function-units
214
+
215
+ ,
216
+ 1 | a {b: adjust-color(red, $alpha: -0.3%)}
217
+ | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
218
+ '
219
+ input.scss 1:7 root stylesheet
220
+
221
+ <===>
222
+ ================================================================================
223
+ <===> alpha/unknown/input.scss
224
+ a {b: adjust-color(red, $alpha: -0.3px)}
225
+
226
+ <===> alpha/unknown/output.css
227
+ a {
228
+ b: rgba(255, 0, 0, 0.7);
229
+ }
230
+
231
+ <===> alpha/unknown/warning
232
+ DEPRECATION WARNING: $alpha: Passing a number with unit px is deprecated.
233
+
234
+ To preserve current behavior: calc($alpha / 1px)
235
+
236
+ More info: https://sass-lang.com/d/function-units
237
+
238
+ ,
239
+ 1 | a {b: adjust-color(red, $alpha: -0.3px)}
240
+ | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
241
+ '
242
+ input.scss 1:7 root stylesheet
0 commit comments