From fffd7150892074d9c92d81ea1161f8c90555a6c8 Mon Sep 17 00:00:00 2001 From: Natalie Weizenbaum Date: Thu, 9 May 2024 17:15:03 -0700 Subject: [PATCH 1/2] [Color 4] Fix remaining Dart Sass TODOs --- .../color/hsl/one_arg/relative_color.hrx | 14 +- .../hsl/one_arg/special_functions/alpha.hrx | 28 +-- .../color/hwb/error/four_args.hrx | 152 ---------------- .../color/hwb/error/one_arg.hrx | 168 ------------------ spec/core_functions/color/hwb/four_args.hrx | 88 +++++++++ spec/core_functions/color/hwb/global.hrx | 16 +- spec/core_functions/color/hwb/one_arg.hrx | 115 ++++++++++-- spec/core_functions/color/lab/error.hrx | 45 ++++- .../color/lab/relative_color.hrx | 14 +- .../color/lab/special_functions/alpha.hrx | 60 ------- .../color/rgb/four_args/clamped.hrx | 12 -- .../color/rgb/one_arg/no_alpha.hrx | 24 --- .../color/rgb/one_arg/relative_color.hrx | 14 +- .../rgb/one_arg/special_functions/alpha.hrx | 28 +-- .../color/rgb/three_args/percents.hrx | 12 -- .../color/rgb/three_args/unitless.hrx | 12 -- .../color/to_space/a98_rgb/lab.hrx | 9 +- .../color/to_space/a98_rgb/lch.hrx | 9 +- .../color/to_space/a98_rgb/oklab.hrx | 9 +- .../color/to_space/a98_rgb/oklch.hrx | 9 +- .../color/to_space/display_p3/lab.hrx | 9 +- .../color/to_space/display_p3/lch.hrx | 9 +- .../color/to_space/display_p3/oklab.hrx | 9 +- .../color/to_space/display_p3/oklch.hrx | 9 +- .../color/to_space/oklab/lab.hrx | 6 +- .../color/to_space/oklab/lch.hrx | 6 +- .../color/to_space/prophoto_rgb/lab.hrx | 13 +- .../color/to_space/prophoto_rgb/lch.hrx | 13 +- .../color/to_space/prophoto_rgb/oklab.hrx | 9 +- .../color/to_space/prophoto_rgb/oklch.hrx | 9 +- .../color/to_space/rec2020/lab.hrx | 9 +- .../color/to_space/rec2020/lch.hrx | 9 +- .../color/to_space/rec2020/oklab.hrx | 9 +- .../color/to_space/rec2020/oklch.hrx | 9 +- .../core_functions/color/to_space/rgb/lab.hrx | 9 +- .../core_functions/color/to_space/rgb/lch.hrx | 9 +- .../color/to_space/rgb/oklab.hrx | 9 +- .../color/to_space/rgb/oklch.hrx | 9 +- .../color/to_space/srgb/lab.hrx | 9 +- .../color/to_space/srgb/lch.hrx | 9 +- .../color/to_space/srgb/oklab.hrx | 9 +- .../color/to_space/srgb/oklch.hrx | 9 +- .../color/to_space/srgb_linear/lab.hrx | 9 +- .../color/to_space/srgb_linear/lch.hrx | 9 +- .../color/to_space/srgb_linear/oklab.hrx | 9 +- .../color/to_space/srgb_linear/oklch.hrx | 9 +- .../core_functions/color/to_space/xyz/lab.hrx | 21 +-- .../core_functions/color/to_space/xyz/lch.hrx | 21 +-- .../color/to_space/xyz/oklab.hrx | 9 +- .../color/to_space/xyz/oklch.hrx | 9 +- .../color/to_space/xyz_d50/xyz-d50/lab.hrx | 9 +- .../color/to_space/xyz_d50/xyz-d50/lch.hrx | 9 +- .../color/to_space/xyz_d50/xyz-d50/oklab.hrx | 9 +- .../color/to_space/xyz_d50/xyz-d50/oklch.hrx | 9 +- spec/libsass-closed-issues/issue_221255.hrx | 14 +- spec/libsass-closed-issues/issue_2509.hrx | 28 +-- 56 files changed, 480 insertions(+), 732 deletions(-) diff --git a/spec/core_functions/color/hsl/one_arg/relative_color.hrx b/spec/core_functions/color/hsl/one_arg/relative_color.hrx index 94a31093b8..3f0e1021d2 100644 --- a/spec/core_functions/color/hsl/one_arg/relative_color.hrx +++ b/spec/core_functions/color/hsl/one_arg/relative_color.hrx @@ -86,19 +86,13 @@ a { b: hsl(from #aaa h s l / 25%); } -<===> -================================================================================ -<===> error/options.yml -:todo: - - dart-sass - <===> ================================================================================ <===> error/quoted/alpha/input.scss a {b: hsl("from" #aaa h s l / 25%)} <===> error/quoted/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was "from". , 1 | a {b: hsl("from" #aaa h s l / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ @@ -111,7 +105,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hsl("from" #aaa h s l)} <===> error/quoted/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was "from". , 1 | a {b: hsl("from" #aaa h s l)} | ^^^^^^^^^^^^^^^^^^^^^^ @@ -124,7 +118,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hsl(c #aaa h s l / 25%)} <===> error/wrong_keyword/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was c. , 1 | a {b: hsl(c #aaa h s l / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^ @@ -137,7 +131,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hsl(c #aaa h s l)} <===> error/wrong_keyword/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was c. , 1 | a {b: hsl(c #aaa h s l)} | ^^^^^^^^^^^^^^^^^ diff --git a/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx b/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx index 1478ac8514..f486d51ad3 100644 --- a/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx +++ b/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx @@ -23,7 +23,7 @@ a {b: hsl(1 2% unquote("calc(3%)") / 0.4)} <===> calc/string/arg_3/output.css a { - b: hsl(1 2% calc(3%)/0.4); + b: hsl(1, 2%, calc(3%), 0.4); } <===> @@ -33,7 +33,7 @@ a {b: hsl(1 2% 3% / unquote("calc(0.4)"))} <===> calc/string/arg_4/output.css a { - b: hsl(1 2% 3%/calc(0.4)); + b: hsl(1, 2%, 3%, calc(0.4)); } <===> @@ -63,7 +63,7 @@ a {b: hsl(1 2% calc(1px + 1%) / 0.4)} <===> calc/calculation/arg_3/output.css a { - b: hsl(1 2% calc(1px + 1%)/0.4); + b: hsl(1, 2%, calc(1px + 1%), 0.4); } <===> @@ -73,7 +73,7 @@ a {b: hsl(1 2% 3% / calc(1px + 1%))} <===> calc/calculation/arg_4/output.css a { - b: hsl(1 2% 3%/calc(1px + 1%)); + b: hsl(1, 2%, 3%, calc(1px + 1%)); } <===> @@ -103,7 +103,7 @@ a {b: hsl(1 2% var(--foo) / 0.4)} <===> var/arg_3/output.css a { - b: hsl(1 2% var(--foo)/0.4); + b: hsl(1, 2%, var(--foo), 0.4); } <===> @@ -113,7 +113,7 @@ a {b: hsl(1 2% 3% / var(--foo))} <===> var/arg_4/output.css a { - b: hsl(1 2% 3%/var(--foo)); + b: hsl(1, 2%, 3%, var(--foo)); } <===> @@ -143,7 +143,7 @@ a {b: hsl(1 2% env(--foo) / 0.4)} <===> env/arg_3/output.css a { - b: hsl(1 2% env(--foo)/0.4); + b: hsl(1, 2%, env(--foo), 0.4); } <===> @@ -153,7 +153,7 @@ a {b: hsl(1 2% 3% / env(--foo))} <===> env/arg_4/output.css a { - b: hsl(1 2% 3%/env(--foo)); + b: hsl(1, 2%, 3%, env(--foo)); } <===> @@ -183,7 +183,7 @@ a {b: hsl(1 2% unquote("min(3%)") / 0.4)} <===> min/string/arg_3/output.css a { - b: hsl(1 2% min(3%)/0.4); + b: hsl(1, 2%, min(3%), 0.4); } <===> @@ -193,7 +193,7 @@ a {b: hsl(1 2% 3% / unquote("min(0.4)"))} <===> min/string/arg_4/output.css a { - b: hsl(1 2% 3%/min(0.4)); + b: hsl(1, 2%, 3%, min(0.4)); } <===> @@ -223,7 +223,7 @@ a {b: hsl(1 2% unquote("max(3%)") / 0.4)} <===> max/string/arg_3/output.css a { - b: hsl(1 2% max(3%)/0.4); + b: hsl(1, 2%, max(3%), 0.4); } <===> @@ -233,7 +233,7 @@ a {b: hsl(1 2% 3% / unquote("max(0.4)"))} <===> max/string/arg_4/output.css a { - b: hsl(1 2% 3%/max(0.4)); + b: hsl(1, 2%, 3%, max(0.4)); } <===> @@ -263,7 +263,7 @@ a {b: hsl(1 2% unquote("clamp(3%, 4%, 5%)") / 0.4)} <===> clamp/string/arg_3/output.css a { - b: hsl(1 2% clamp(3%, 4%, 5%)/0.4); + b: hsl(1, 2%, clamp(3%, 4%, 5%), 0.4); } <===> @@ -273,7 +273,7 @@ a {b: hsl(1 2% 3% / unquote("clamp(0.4, 0.5, 0.6)"))} <===> clamp/string/arg_4/output.css a { - b: hsl(1 2% 3%/clamp(0.4, 0.5, 0.6)); + b: hsl(1, 2%, 3%, clamp(0.4, 0.5, 0.6)); } <===> diff --git a/spec/core_functions/color/hwb/error/four_args.hrx b/spec/core_functions/color/hwb/error/four_args.hrx index 3a26596ccb..f111792526 100644 --- a/spec/core_functions/color/hwb/error/four_args.hrx +++ b/spec/core_functions/color/hwb/error/four_args.hrx @@ -10,25 +10,6 @@ Error: Expected hue channel to be a number, was "foo". ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> hue/var/options.yml ---- -:todo: -- dart-sass - -<===> hue/var/input.scss -@use 'sass:color'; -a {b: color.hwb(var(--c), 30%, 40%, 0.5)} - -<===> hue/var/error -Error: $hue: var(--c) is not a number. - , -2 | a {b: color.hwb(var(--c), 30%, 40%, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> whiteness/type/input.scss @@ -71,63 +52,6 @@ Error: $whiteness: Expected 30px to have unit "%". ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> whiteness/too_high/options.yml ---- -:todo: -- dart-sass - -<===> whiteness/too_high/input.scss -@use 'sass:color'; -a {b: color.hwb(0, 101%, 40%, 0.5)} - -<===> whiteness/too_high/error -Error: $whiteness: Expected 101% to be within 0% and 100%. - , -2 | a {b: color.hwb(0, 101%, 40%, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> whiteness/too_low/options.yml ---- -:todo: -- dart-sass - -<===> whiteness/too_low/input.scss -@use 'sass:color'; -a {b: color.hwb(0, -1%, 40%, 0.5)} - -<===> whiteness/too_low/error -Error: $whiteness: Expected -1% to be within 0% and 100%. - , -2 | a {b: color.hwb(0, -1%, 40%, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> whiteness/var/options.yml ---- -:todo: -- dart-sass - -<===> whiteness/var/input.scss -@use 'sass:color'; -a {b: color.hwb(0, var(--c), 40%, 0.5)} - -<===> whiteness/var/error -Error: $whiteness: var(--c) is not a number. - , -2 | a {b: color.hwb(0, var(--c), 40%, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> blackness/type/input.scss @@ -170,63 +94,6 @@ Error: $blackness: Expected 40px to have unit "%". ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> blackness/too_high/options.yml ---- -:todo: -- dart-sass - -<===> blackness/too_high/input.scss -@use 'sass:color'; -a {b: color.hwb(0, 30%, 101%, 0.5)} - -<===> blackness/too_high/error -Error: $blackness: Expected 101% to be within 0% and 100%. - , -2 | a {b: color.hwb(0, 30%, 101%, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> blackness/too_low/options.yml ---- -:todo: -- dart-sass - -<===> blackness/too_low/input.scss -@use 'sass:color'; -a {b: color.hwb(0, 30%, -1%, 0.5)} - -<===> blackness/too_low/error -Error: $blackness: Expected -1% to be within 0% and 100%. - , -2 | a {b: color.hwb(0, 30%, -1%, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> blackness/var/options.yml ---- -:todo: -- dart-sass - -<===> blackness/var/input.scss -@use 'sass:color'; -a {b: color.hwb(0, 30%, var(--c), 0.5)} - -<===> blackness/var/error -Error: $blackness: var(--c) is not a number. - , -2 | a {b: color.hwb(0, 30%, var(--c), 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> alpha/unit/input.scss @@ -240,22 +107,3 @@ Error: $alpha: Expected 0.5px to have unit "%" or no units. | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> alpha/var/options.yml ---- -:todo: -- dart-sass - -<===> alpha/var/input.scss -@use 'sass:color'; -a {b: color.hwb(0, 0%, 0%, var(--c))} - -<===> alpha/var/error -Error: $alpha: var(--c) is not a number. - , -2 | a {b: color.hwb(0, 0%, 0%, var(--c))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/hwb/error/one_arg.hrx b/spec/core_functions/color/hwb/error/one_arg.hrx index 8740f3c491..eefa0a578e 100644 --- a/spec/core_functions/color/hwb/error/one_arg.hrx +++ b/spec/core_functions/color/hwb/error/one_arg.hrx @@ -94,25 +94,6 @@ Error: $channels: Expected hue channel to be a number, was "foo". ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> hue/var/options.yml ---- -:todo: -- dart-sass - -<===> hue/var/input.scss -@use 'sass:color'; -a {b: color.hwb(var(--c) 30% 40%)} - -<===> hue/var/error -Error: $hue: var(--c) is not a number. - , -2 | a {b: color.hwb(var(--c) 30% 40%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> whiteness/type/input.scss @@ -155,63 +136,6 @@ Error: $whiteness: Expected 30px to have unit "%". ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> whiteness/too_high/options.yml ---- -:todo: -- dart-sass - -<===> whiteness/too_high/input.scss -@use 'sass:color'; -a {b: color.hwb(0 101% 40%)} - -<===> whiteness/too_high/error -Error: $whiteness: Expected 101% to be within 0% and 100%. - , -2 | a {b: color.hwb(0 101% 40%)} - | ^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> whiteness/too_low/options.yml ---- -:todo: -- dart-sass - -<===> whiteness/too_low/input.scss -@use 'sass:color'; -a {b: color.hwb(0 -1% 40%)} - -<===> whiteness/too_low/error -Error: $whiteness: Expected -1% to be within 0% and 100%. - , -2 | a {b: color.hwb(0 -1% 40%)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> whiteness/var/options.yml ---- -:todo: -- dart-sass - -<===> whiteness/var/input.scss -@use 'sass:color'; -a {b: color.hwb(0 var(--c) 40%)} - -<===> whiteness/var/error -Error: $whiteness: var(--c) is not a number. - , -2 | a {b: color.hwb(0 var(--c) 40%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> blackness/type/input.scss @@ -254,79 +178,6 @@ Error: $blackness: Expected 40px to have unit "%". ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> blackness/too_high/options.yml ---- -:todo: -- dart-sass - -<===> blackness/too_high/input.scss -@use 'sass:color'; -a {b: color.hwb(0 30% 101%)} - -<===> blackness/too_high/error -Error: $blackness: Expected 101% to be within 0% and 100%. - , -2 | a {b: color.hwb(0 30% 101%)} - | ^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> blackness/too_low/options.yml ---- -:todo: -- dart-sass - -<===> blackness/too_low/input.scss -@use 'sass:color'; -a {b: color.hwb(0 30% -1%)} - -<===> blackness/too_low/error -Error: $blackness: Expected -1% to be within 0% and 100%. - , -2 | a {b: color.hwb(0 30% -1%)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> blackness/var/options.yml ---- -:todo: -- dart-sass - -<===> -================================================================================ -<===> blackness/var/no_alpha/input.scss -@use 'sass:color'; -a {b: color.hwb(0 30% var(--c))} - -<===> blackness/var/no_alpha/error -Error: $blackness: var(--c) is not a number. - , -2 | a {b: color.hwb(0 30% var(--c))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> blackness/var/alpha/input.scss -@use 'sass:color'; -a {b: color.hwb(0 30% var(--c) / 0.5px)} - -<===> blackness/var/alpha/error -Error: Expected numeric channels, got "hwb(0 30% var(--c)/0.5px)". - , -2 | a {b: color.hwb(0 30% var(--c) / 0.5px)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> alpha/unit/input.scss @@ -341,25 +192,6 @@ Error: $alpha: Expected 0.5px to have unit "%" or no units. ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> alpha/var/options.yml ---- -:todo: -- dart-sass - -<===> alpha/var/input.scss -@use 'sass:color'; -a {b: color.hwb(0 0 0 / var(--c))} - -<===> alpha/var/error -Error: Expected numeric channels, got "hwb(0 0 0/var(--c))". - , -2 | a {b: color.hwb(0 0 0 / var(--c))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> quoted_var_slash/input.scss diff --git a/spec/core_functions/color/hwb/four_args.hrx b/spec/core_functions/color/hwb/four_args.hrx index 897f6f99b4..c42598cdf2 100644 --- a/spec/core_functions/color/hwb/four_args.hrx +++ b/spec/core_functions/color/hwb/four_args.hrx @@ -1,3 +1,80 @@ +<===> hue/var/input.scss +@use 'sass:color'; +a {b: color.hwb(var(--c), 30%, 40%, 0.5)} + +<===> hue/var/output.css +a { + b: hwb(var(--c) 30% 40% / 0.5); +} + +<===> +================================================================================ +<===> whiteness/above_max/input.scss +@use 'sass:color'; +a {b: color.hwb(0, 101%, 40%, 0.5)} + +<===> whiteness/above_max/output.css +a { + b: hsla(0, 0%, 71.6312056738%, 0.5); +} + +<===> +================================================================================ +<===> whiteness/below_min/input.scss +@use 'sass:color'; +a {b: color.hwb(0, -1%, 40%, 0.5)} + +<===> whiteness/below_min/output.css +a { + b: hsla(0, 103.3898305085%, 29.5%, 0.5); +} + +<===> +================================================================================ +<===> whiteness/var/input.scss +@use 'sass:color'; +a {b: color.hwb(0, var(--c), 40%, 0.5)} + +<===> whiteness/var/output.css +a { + b: hwb(0 var(--c) 40% / 0.5); +} + +<===> +================================================================================ +<===> blackness/above_max/input.scss +@use 'sass:color'; +a {b: color.hwb(0, 30%, 101%, 0.5)} + +<===> blackness/above_max/output.css +a { + b: hsla(0, 0%, 22.9007633588%, 0.5); +} + +<===> +================================================================================ +<===> blackness/below_min/input.scss +@use 'sass:color'; +a {b: color.hwb(0, 30%, -1%, 0.5)} + +<===> blackness/below_min/output.css +a { + b: hsla(0, 102.8985507246%, 65.5%, 0.5); +} + +<===> +================================================================================ +<===> blackness/var/input.scss +@use 'sass:color'; +a {b: color.hwb(0, 30%, var(--c), 0.5)} + +<===> blackness/var/output.css +a { + b: hwb(0 30% var(--c) / 0.5); +} + +<===> +================================================================================ <===> alpha/percent/negative/input.scss @use 'sass:color'; a {b: color.hwb(0, 0%, 0%, -10%)} @@ -106,6 +183,17 @@ a { b: red; } +<===> +================================================================================ +<===> alpha/var/input.scss +@use 'sass:color'; +a {b: color.hwb(0, 0%, 0%, var(--c))} + +<===> alpha/var/output.css +a { + b: hwb(0 0% 0% / var(--c)); +} + <===> ================================================================================ <===> named/input.scss diff --git a/spec/core_functions/color/hwb/global.hrx b/spec/core_functions/color/hwb/global.hrx index 98324996d8..b7624e9128 100644 --- a/spec/core_functions/color/hwb/global.hrx +++ b/spec/core_functions/color/hwb/global.hrx @@ -228,19 +228,13 @@ a { b: hwb(from #aaa h w b / 25%); } -<===> -================================================================================ -<===> relative_color/error/options.yml -:todo: - - dart-sass - <===> ================================================================================ <===> relative_color/error/quoted/alpha/input.scss a {b: hwb("from" #aaa h w b / 25%)} <===> relative_color/error/quoted/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was "from". , 1 | a {b: hwb("from" #aaa h w b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ @@ -253,7 +247,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hwb("from" #aaa h w b)} <===> relative_color/error/quoted/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was "from". , 1 | a {b: hwb("from" #aaa h w b)} | ^^^^^^^^^^^^^^^^^^^^^^ @@ -266,7 +260,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hwb(c #aaa h w b / 25%)} <===> relative_color/error/wrong_keyword/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was c. , 1 | a {b: hwb(c #aaa h w b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^ @@ -279,11 +273,9 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hwb(c #aaa h w b)} <===> relative_color/error/wrong_keyword/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was c. , 1 | a {b: hwb(c #aaa h w b)} | ^^^^^^^^^^^^^^^^^ ' input.scss 1:7 root stylesheet - - diff --git a/spec/core_functions/color/hwb/one_arg.hrx b/spec/core_functions/color/hwb/one_arg.hrx index 5f1bc2a3c1..401490f657 100644 --- a/spec/core_functions/color/hwb/one_arg.hrx +++ b/spec/core_functions/color/hwb/one_arg.hrx @@ -1,3 +1,91 @@ +<===> hue/var/input.scss +@use 'sass:color'; +a {b: color.hwb(var(--c) 30% 40%)} + +<===> hue/var/output.css +a { + b: hwb(var(--c) 30% 40%); +} + +<===> +================================================================================ +<===> whiteness/above_max/input.scss +@use 'sass:color'; +a {b: color.hwb(0 101% 40%)} + +<===> whiteness/above_max/output.css +a { + b: hsl(0, 0%, 71.6312056738%); +} + +<===> +================================================================================ +<===> whiteness/below_min/input.scss +@use 'sass:color'; +a {b: color.hwb(0 -1% 40%)} + +<===> whiteness/below_min/output.css +a { + b: hsl(0, 103.3898305085%, 29.5%); +} + +<===> +================================================================================ +<===> whiteness/var/input.scss +@use 'sass:color'; +a {b: color.hwb(0 var(--c) 40%)} + +<===> whiteness/var/output.css +a { + b: hwb(0 var(--c) 40%); +} + +<===> +================================================================================ +<===> blackness/var/no_alpha/input.scss +@use 'sass:color'; +a {b: color.hwb(0 30% var(--c))} + +<===> blackness/var/no_alpha/output.css +a { + b: hwb(0 30% var(--c)); +} + +<===> +================================================================================ +<===> blackness/var/alpha/input.scss +@use 'sass:color'; +a {b: color.hwb(0 30% var(--c) / 0.5)} + +<===> blackness/var/alpha/output.css +a { + b: hwb(0 30% var(--c)/0.5); +} + +<===> +================================================================================ +<===> blackness/above_max/input.scss +@use 'sass:color'; +a {b: color.hwb(0 30% 101%)} + +<===> blackness/above_max/output.css +a { + b: hsl(0, 0%, 22.9007633588%); +} + +<===> +================================================================================ +<===> blackness/below_min/input.scss +@use 'sass:color'; +a {b: color.hwb(0 30% -1%)} + +<===> blackness/below_min/output.css +a { + b: hsl(0, 102.8985507246%, 65.5%); +} + +<===> +================================================================================ <===> alpha/in_gamut/transparent/input.scss @use 'sass:color'; a {b: color.hwb(180 30% 40% / 0)} @@ -53,6 +141,17 @@ a { b: hsla(180, 33.3333333333%, 45%, 0.4); } +<===> +================================================================================ +<===> alpha/var/input.scss +@use 'sass:color'; +a {b: color.hwb(0 0 0 / var(--c))} + +<===> alpha/var/output.css +a { + b: hwb(0 0 0/var(--c)); +} + <===> ================================================================================ <===> alpha/clamped/above/input.scss @@ -187,19 +286,13 @@ a { b: hwb(from #aaa h w b / 25%); } -<===> -================================================================================ -<===> relative_color/error/options.yml -:todo: - - dart-sass - <===> ================================================================================ <===> relative_color/error/quoted/alpha/input.scss a {b: hwb("from" #aaa h w b / 25%)} <===> relative_color/error/quoted/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was "from". , 1 | a {b: hwb("from" #aaa h w b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ @@ -212,7 +305,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hwb("from" #aaa h w b)} <===> relative_color/error/quoted/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was "from". , 1 | a {b: hwb("from" #aaa h w b)} | ^^^^^^^^^^^^^^^^^^^^^^ @@ -225,7 +318,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hwb(c #aaa h w b / 25%)} <===> relative_color/error/wrong_keyword/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was c. , 1 | a {b: hwb(c #aaa h w b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^ @@ -238,11 +331,9 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: hwb(c #aaa h w b)} <===> relative_color/error/wrong_keyword/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected hue channel to be a number, was c. , 1 | a {b: hwb(c #aaa h w b)} | ^^^^^^^^^^^^^^^^^ ' input.scss 1:7 root stylesheet - - diff --git a/spec/core_functions/color/lab/error.hrx b/spec/core_functions/color/lab/error.hrx index 27363ac64a..327cd0d848 100644 --- a/spec/core_functions/color/lab/error.hrx +++ b/spec/core_functions/color/lab/error.hrx @@ -90,10 +90,10 @@ Error: $channels: Expected a channel to be a number, was c. <===> ================================================================================ -<===> type/b/input.scss +<===> type/b/direct/input.scss a {b: lab(1% 2 c)} -<===> type/b/error +<===> type/b/direct/error Error: $channels: Expected b channel to be a number, was c. , 1 | a {b: lab(1% 2 c)} @@ -101,6 +101,19 @@ Error: $channels: Expected b channel to be a number, was c. ' input.scss 1:7 root stylesheet +<===> +================================================================================ +<===> type/b/slash/input.scss +a {b: lab(1% 2 c / 0.4)} + +<===> type/b/slash/error +Error: $channels: Expected b channel to be a number, was c. + , +1 | a {b: lab(1% 2 c / 0.4)} + | ^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet + <===> ================================================================================ <===> type/alpha/slash_list/input.scss @@ -115,6 +128,34 @@ Error: $channels: c is not a number. ' input.scss 2:7 root stylesheet +<===> +================================================================================ +<===> type/alpha/slash/input.scss +@use 'sass:list'; +a {b: lab(1% 2 3 / c)} + +<===> type/alpha/slash/error +Error: $channels: c is not a number. + , +2 | a {b: lab(1% 2 3 / c)} + | ^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> type/alpha/multi_slash/input.scss +@use 'sass:list'; +a {b: lab(1% 2 3 / c / d)} + +<===> type/alpha/multi_slash/error +Error: $channels: Only 2 slash-separated elements allowed, but 3 were passed. + , +2 | a {b: lab(1% 2 3 / c / d)} + | ^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> list/bracketed/input.scss diff --git a/spec/core_functions/color/lab/relative_color.hrx b/spec/core_functions/color/lab/relative_color.hrx index e378f93761..771096a218 100644 --- a/spec/core_functions/color/lab/relative_color.hrx +++ b/spec/core_functions/color/lab/relative_color.hrx @@ -87,19 +87,13 @@ a { b: lab(from #aaa r g b / 25%); } -<===> -================================================================================ -<===> error/options.yml -:todo: - - dart-sass - <===> ================================================================================ <===> error/quoted/alpha/input.scss a {b: lab("from" #aaa l a b / 25%)} <===> error/quoted/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected lightness channel to be a number, was "from". , 1 | a {b: lab("from" #aaa l a b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ @@ -112,7 +106,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: lab("from" #aaa l a b)} <===> error/quoted/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected lightness channel to be a number, was "from". , 1 | a {b: lab("from" #aaa l a b)} | ^^^^^^^^^^^^^^^^^^^^^^ @@ -125,7 +119,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: lab(c #aaa l a b / 25%)} <===> error/wrong_keyword/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected lightness channel to be a number, was c. , 1 | a {b: lab(c #aaa l a b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^ @@ -138,7 +132,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: lab(c #aaa l a b)} <===> error/wrong_keyword/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected lightness channel to be a number, was c. , 1 | a {b: lab(c #aaa l a b)} | ^^^^^^^^^^^^^^^^^ diff --git a/spec/core_functions/color/lab/special_functions/alpha.hrx b/spec/core_functions/color/lab/special_functions/alpha.hrx index 081d164f88..70115f18ed 100644 --- a/spec/core_functions/color/lab/special_functions/alpha.hrx +++ b/spec/core_functions/color/lab/special_functions/alpha.hrx @@ -332,66 +332,6 @@ a { type: string; } -<===> -================================================================================ -<===> unknown/arg_3/with_number/input.scss -@use 'core_functions/color/utils'; -@include utils.inspect(lab(1% 2 b / 0.4)); - -<===> unknown/arg_3/with_number/output.css -a { - value: lab(1% 2 b/0.4); - type: string; -} - -<===> -================================================================================ -<===> unknown/arg_3/with_none/input.scss -@use 'core_functions/color/utils'; -@include utils.inspect(lab(1% 2 b / none)); - -<===> unknown/arg_3/with_none/output.css -a { - value: lab(1% 2 b/none); - type: string; -} - -<===> -================================================================================ -<===> unknown/arg_4/with_number/input.scss -@use 'core_functions/color/utils'; -@include utils.inspect(lab(1% 2 3 / b)); - -<===> unknown/arg_4/with_number/output.css -a { - value: lab(1% 2 3/b); - type: string; -} - -<===> -================================================================================ -<===> unknown/arg_4/with_none/input.scss -@use 'core_functions/color/utils'; -@include utils.inspect(lab(1% 2 none / b)); - -<===> unknown/arg_4/with_none/output.css -a { - value: lab(1% 2 none/b); - type: string; -} - -<===> -================================================================================ -<===> unknown/arg_3_and_4/input.scss -@use 'core_functions/color/utils'; -@include utils.inspect(lab(1% 2 b / c)); - -<===> unknown/arg_3_and_4/output.css -a { - value: lab(1% 2 b/c); - type: string; -} - <===> ================================================================================ <===> multi_argument_var/1_of_2/input.scss diff --git a/spec/core_functions/color/rgb/four_args/clamped.hrx b/spec/core_functions/color/rgb/four_args/clamped.hrx index ca9c6caf7a..ea4e6788df 100644 --- a/spec/core_functions/color/rgb/four_args/clamped.hrx +++ b/spec/core_functions/color/rgb/four_args/clamped.hrx @@ -3,10 +3,6 @@ Channels that are out of bounds are clamped within bounds. <===> ================================================================================ -<===> red/options.yml -:todo: - - dart-sass - <===> red/input.scss a {b: rgb(256, 0, 0, 0.5)} @@ -17,10 +13,6 @@ a { <===> ================================================================================ -<===> green/options.yml -:todo: - - dart-sass - <===> green/input.scss a {b: rgb(0, -1, 0, 0.5)} @@ -31,10 +23,6 @@ a { <===> ================================================================================ -<===> blue/options.yml -:todo: - - dart-sass - <===> blue/input.scss a {b: rgb(0, 0, 9999, 0.5)} diff --git a/spec/core_functions/color/rgb/one_arg/no_alpha.hrx b/spec/core_functions/color/rgb/one_arg/no_alpha.hrx index 7b86b6c1ca..8d5c41608c 100644 --- a/spec/core_functions/color/rgb/one_arg/no_alpha.hrx +++ b/spec/core_functions/color/rgb/one_arg/no_alpha.hrx @@ -48,10 +48,6 @@ Channels that are out of bounds are clamped within bounds. <===> ================================================================================ -<===> unitless/clamped/red/options.yml -:todo: - - dart-sass - <===> unitless/clamped/red/input.scss a {b: rgb(256 0 0)} @@ -62,10 +58,6 @@ a { <===> ================================================================================ -<===> unitless/clamped/green/options.yml -:todo: - - dart-sass - <===> unitless/clamped/green/input.scss a {b: rgb(0 -1 0)} @@ -76,10 +68,6 @@ a { <===> ================================================================================ -<===> unitless/clamped/blue/options.yml -:todo: - - dart-sass - <===> unitless/clamped/blue/input.scss a {b: rgb(0 0 9999)} @@ -141,10 +129,6 @@ Channels that are out of bounds are clamped within bounds. <===> ================================================================================ -<===> percents/clamped/red/options.yml -:todo: - - dart-sass - <===> percents/clamped/red/input.scss a {b: rgb(100.1% 0 0)} @@ -155,10 +139,6 @@ a { <===> ================================================================================ -<===> percents/clamped/green/options.yml -:todo: - - dart-sass - <===> percents/clamped/green/input.scss a {b: rgb(0 -0.1% 0)} @@ -169,10 +149,6 @@ a { <===> ================================================================================ -<===> percents/clamped/blue/options.yml -:todo: - - dart-sass - <===> percents/clamped/blue/input.scss a {b: rgb(0 0 200%)} diff --git a/spec/core_functions/color/rgb/one_arg/relative_color.hrx b/spec/core_functions/color/rgb/one_arg/relative_color.hrx index 38805f5091..429d4ee135 100644 --- a/spec/core_functions/color/rgb/one_arg/relative_color.hrx +++ b/spec/core_functions/color/rgb/one_arg/relative_color.hrx @@ -87,19 +87,13 @@ a { b: rgb(from #aaa r g b / 25%); } -<===> -================================================================================ -<===> error/options.yml -:todo: - - dart-sass - <===> ================================================================================ <===> error/quoted/alpha/input.scss a {b: rgb("from" #aaa r g b / 25%)} <===> error/quoted/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected red channel to be a number, was "from". , 1 | a {b: rgb("from" #aaa r g b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ @@ -112,7 +106,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: rgb("from" #aaa r g b)} <===> error/quoted/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected red channel to be a number, was "from". , 1 | a {b: rgb("from" #aaa r g b)} | ^^^^^^^^^^^^^^^^^^^^^^ @@ -125,7 +119,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: rgb(c #aaa r g b / 25%)} <===> error/wrong_keyword/alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected red channel to be a number, was c. , 1 | a {b: rgb(c #aaa r g b / 25%)} | ^^^^^^^^^^^^^^^^^^^^^^^ @@ -138,7 +132,7 @@ Error: Only 3 elements allowed, but 5 were passed. a {b: rgb(c #aaa r g b)} <===> error/wrong_keyword/no_alpha/error -Error: Only 3 elements allowed, but 5 were passed. +Error: $channels: Expected red channel to be a number, was c. , 1 | a {b: rgb(c #aaa r g b)} | ^^^^^^^^^^^^^^^^^ diff --git a/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx b/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx index e9f7576483..0bf8bf0ae8 100644 --- a/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx +++ b/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx @@ -23,7 +23,7 @@ a {b: rgb(1 2 unquote("calc(3)") / 0.4)} <===> calc/string/arg_3/output.css a { - b: rgb(1 2 calc(3)/0.4); + b: rgb(1, 2, calc(3), 0.4); } <===> @@ -33,7 +33,7 @@ a {b: rgb(1 2 3 / unquote("calc(0.4)"))} <===> calc/string/arg_4/output.css a { - b: rgb(1 2 3/calc(0.4)); + b: rgb(1, 2, 3, calc(0.4)); } <===> @@ -63,7 +63,7 @@ a {b: rgb(1 2 calc(1px + 1%) / 0.4)} <===> calc/calculation/arg_3/output.css a { - b: rgb(1 2 calc(1px + 1%)/0.4); + b: rgb(1, 2, calc(1px + 1%), 0.4); } <===> @@ -73,7 +73,7 @@ a {b: rgb(1 2 3 / calc(1px + 1%))} <===> calc/calculation/arg_4/output.css a { - b: rgb(1 2 3/calc(1px + 1%)); + b: rgb(1, 2, 3, calc(1px + 1%)); } <===> @@ -103,7 +103,7 @@ a {b: rgb(1 2 var(--foo) / 0.4)} <===> var/arg_3/output.css a { - b: rgb(1 2 var(--foo)/0.4); + b: rgb(1, 2, var(--foo), 0.4); } <===> @@ -113,7 +113,7 @@ a {b: rgb(1 2 3 / var(--foo))} <===> var/arg_4/output.css a { - b: rgb(1 2 3/var(--foo)); + b: rgb(1, 2, 3, var(--foo)); } <===> @@ -143,7 +143,7 @@ a {b: rgb(1 2 env(--foo) / 0.4)} <===> env/arg_3/output.css a { - b: rgb(1 2 env(--foo)/0.4); + b: rgb(1, 2, env(--foo), 0.4); } <===> @@ -153,7 +153,7 @@ a {b: rgb(1 2 3 / env(--foo))} <===> env/arg_4/output.css a { - b: rgb(1 2 3/env(--foo)); + b: rgb(1, 2, 3, env(--foo)); } <===> @@ -183,7 +183,7 @@ a {b: rgb(1 2 unquote("min(3)") / 0.4)} <===> min/string/arg_3/output.css a { - b: rgb(1 2 min(3)/0.4); + b: rgb(1, 2, min(3), 0.4); } <===> @@ -193,7 +193,7 @@ a {b: rgb(1 2 3 / unquote("min(0.4)"))} <===> min/string/arg_4/output.css a { - b: rgb(1 2 3/min(0.4)); + b: rgb(1, 2, 3, min(0.4)); } <===> @@ -223,7 +223,7 @@ a {b: rgb(1 2 unquote("max(3)") / 0.4)} <===> max/string/arg_3/output.css a { - b: rgb(1 2 max(3)/0.4); + b: rgb(1, 2, max(3), 0.4); } <===> @@ -233,7 +233,7 @@ a {b: rgb(1 2 3 / unquote("max(0.4)"))} <===> max/string/arg_4/output.css a { - b: rgb(1 2 3/max(0.4)); + b: rgb(1, 2, 3, max(0.4)); } <===> @@ -263,7 +263,7 @@ a {b: rgb(1 2 unquote("clamp(3, 4, 5)") / 0.4)} <===> clamp/string/arg_3/output.css a { - b: rgb(1 2 clamp(3, 4, 5)/0.4); + b: rgb(1, 2, clamp(3, 4, 5), 0.4); } <===> @@ -273,7 +273,7 @@ a {b: rgb(1 2 3 / unquote("clamp(0.4, 0.5, 0.6)"))} <===> clamp/string/arg_4/output.css a { - b: rgb(1 2 3/clamp(0.4, 0.5, 0.6)); + b: rgb(1, 2, 3, clamp(0.4, 0.5, 0.6)); } <===> diff --git a/spec/core_functions/color/rgb/three_args/percents.hrx b/spec/core_functions/color/rgb/three_args/percents.hrx index 3a7c0aa576..6572c45523 100644 --- a/spec/core_functions/color/rgb/three_args/percents.hrx +++ b/spec/core_functions/color/rgb/three_args/percents.hrx @@ -49,10 +49,6 @@ Channels that are out of bounds are clamped within bounds. <===> ================================================================================ -<===> clamped/red/options.yml -:todo: - - dart-sass - <===> clamped/red/input.scss a {b: rgb(100.1%, 0, 0)} @@ -63,10 +59,6 @@ a { <===> ================================================================================ -<===> clamped/green/options.yml -:todo: - - dart-sass - <===> clamped/green/input.scss a {b: rgb(0, -0.1%, 0)} @@ -77,10 +69,6 @@ a { <===> ================================================================================ -<===> clamped/blue/options.yml -:todo: - - dart-sass - <===> clamped/blue/input.scss a {b: rgb(0, 0, 200%)} diff --git a/spec/core_functions/color/rgb/three_args/unitless.hrx b/spec/core_functions/color/rgb/three_args/unitless.hrx index d5b57f3c61..5a456d37b1 100644 --- a/spec/core_functions/color/rgb/three_args/unitless.hrx +++ b/spec/core_functions/color/rgb/three_args/unitless.hrx @@ -48,10 +48,6 @@ Channels that are out of bounds are clamped within bounds. <===> ================================================================================ -<===> clamped/red/options.yml -:todo: - - dart-sass - <===> clamped/red/input.scss a {b: rgb(256, 0, 0)} @@ -62,10 +58,6 @@ a { <===> ================================================================================ -<===> clamped/green/options.yml -:todo: - - dart-sass - <===> clamped/green/input.scss a {b: rgb(0, -1, 0)} @@ -76,10 +68,6 @@ a { <===> ================================================================================ -<===> clamped/blue/options.yml -:todo: - - dart-sass - <===> clamped/blue/input.scss a {b: rgb(0, 0, 9999)} diff --git a/spec/core_functions/color/to_space/a98_rgb/lab.hrx b/spec/core_functions/color/to_space/a98_rgb/lab.hrx index 8127f5522e..4a48c3bd91 100644 --- a/spec/core_functions/color/to_space/a98_rgb/lab.hrx +++ b/spec/core_functions/color/to_space/a98_rgb/lab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(a98-rgb -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -9041452038524.754 -4661998707364.328 -423818064305.84766) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/a98_rgb/lch.hrx b/spec/core_functions/color/to_space/a98_rgb/lch.hrx index 0a1827957c..1e366c8f35 100644 --- a/spec/core_functions/color/to_space/a98_rgb/lch.hrx +++ b/spec/core_functions/color/to_space/a98_rgb/lch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(a98-rgb -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -9041452038524.758 -4661998707364.329 -423818064305.86096) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/a98_rgb/oklab.hrx b/spec/core_functions/color/to_space/a98_rgb/oklab.hrx index 4298fd6b50..ffa55034d4 100644 --- a/spec/core_functions/color/to_space/a98_rgb/oklab.hrx +++ b/spec/core_functions/color/to_space/a98_rgb/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(a98-rgb -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -9041452038524.754 -4661998707364.326 -423818064305.84424) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/a98_rgb/oklch.hrx b/spec/core_functions/color/to_space/a98_rgb/oklch.hrx index 82b9cd759a..5d97880ac5 100644 --- a/spec/core_functions/color/to_space/a98_rgb/oklch.hrx +++ b/spec/core_functions/color/to_space/a98_rgb/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(a98-rgb -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -9041452038524.746 -4661998707364.325 -423818064305.8496) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/display_p3/lab.hrx b/spec/core_functions/color/to_space/display_p3/lab.hrx index 971c6c5c74..c36752382b 100644 --- a/spec/core_functions/color/to_space/display_p3/lab.hrx +++ b/spec/core_functions/color/to_space/display_p3/lab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(display-p3 -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -107482877956690.4 -50580177881913.99 3039800.685913086) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/display_p3/lch.hrx b/spec/core_functions/color/to_space/display_p3/lch.hrx index 546280126e..50dbdaa329 100644 --- a/spec/core_functions/color/to_space/display_p3/lch.hrx +++ b/spec/core_functions/color/to_space/display_p3/lch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(display-p3 -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -107482896009634.61 -50580183886727.57 -376620475.52490234) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/display_p3/oklab.hrx b/spec/core_functions/color/to_space/display_p3/oklab.hrx index 50b1643e8e..cd316220b5 100644 --- a/spec/core_functions/color/to_space/display_p3/oklab.hrx +++ b/spec/core_functions/color/to_space/display_p3/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(display-p3 -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -107482878101233.5 -50580177929992.28 0.0234375) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/display_p3/oklch.hrx b/spec/core_functions/color/to_space/display_p3/oklch.hrx index 2f068545af..358d1d052e 100644 --- a/spec/core_functions/color/to_space/display_p3/oklch.hrx +++ b/spec/core_functions/color/to_space/display_p3/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(display-p3 -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -107482878101233.53 -50580177929992.31 0.078125) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/oklab/lab.hrx b/spec/core_functions/color/to_space/oklab/lab.hrx index c024bf381b..1e3ac4c358 100644 --- a/spec/core_functions/color/to_space/oklab/lab.hrx +++ b/spec/core_functions/color/to_space/oklab/lab.hrx @@ -9,17 +9,13 @@ a { <===> ================================================================================ -<===> white/options.yml -:todo: - - dart-sass - <===> white/input.scss @use 'sass:color'; a {b: color.to-space(oklab(100% 0 0), lab)} <===> white/output.css a { - b: okoklab(99.9999993474% 0.0000000001 0.0000000373); + b: color-mix(in lab, color(xyz 0.9504559526 1.0000000182 1.0890580001) 100%, black); } <===> diff --git a/spec/core_functions/color/to_space/oklab/lch.hrx b/spec/core_functions/color/to_space/oklab/lch.hrx index f55bfef8c9..3f9d17ef23 100644 --- a/spec/core_functions/color/to_space/oklab/lch.hrx +++ b/spec/core_functions/color/to_space/oklab/lch.hrx @@ -9,17 +9,13 @@ a { <===> ================================================================================ -<===> white/options.yml -:todo: - - dart-sass - <===> white/input.scss @use 'sass:color'; a {b: color.to-space(oklab(100% 0 0), lch)} <===> white/output.css a { - b: lch(100% 0 none); + b: color-mix(in lch, color(xyz 0.9504559526 1.0000000182 1.0890580001) 100%, black); } <===> diff --git a/spec/core_functions/color/to_space/prophoto_rgb/lab.hrx b/spec/core_functions/color/to_space/prophoto_rgb/lab.hrx index d78de9c6dc..ca58be4f13 100644 --- a/spec/core_functions/color/to_space/prophoto_rgb/lab.hrx +++ b/spec/core_functions/color/to_space/prophoto_rgb/lab.hrx @@ -40,12 +40,6 @@ a { b: lab(46.0098211673% -39.6566664112 -68.0244470598); } -<===> -================================================================================ -<===> out_of_range/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> ================================================================================ <===> out_of_range/near/input.scss @@ -54,7 +48,7 @@ a {b: color.to-space(color(prophoto-rgb -1 0.4 2), lab)} <===> out_of_range/near/output.css a { - b: lab(30.0623308533% 38.5823326773 -241.4998540297); + b: color-mix(in lab, color(xyz -0.4478815578 -0.0732156915 3.8173184875) 100%, black); } <===> @@ -63,6 +57,11 @@ a { @use 'sass:color'; a {b: color.to-space(color(prophoto-rgb -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -47674467013.1876 -16929933315.113932 -247080732.77775204) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/prophoto_rgb/lch.hrx b/spec/core_functions/color/to_space/prophoto_rgb/lch.hrx index 481afd35d4..6774528130 100644 --- a/spec/core_functions/color/to_space/prophoto_rgb/lch.hrx +++ b/spec/core_functions/color/to_space/prophoto_rgb/lch.hrx @@ -40,12 +40,6 @@ a { b: lch(46.0098211673% 78.7399300777 239.7588117754deg); } -<===> -================================================================================ -<===> out_of_range/options.yml -:todo: - - dart-sass # # w3c/csswg-drafts#9484 - <===> ================================================================================ <===> out_of_range/near/input.scss @@ -54,7 +48,7 @@ a {b: color.to-space(color(prophoto-rgb -1 0.4 2), lch)} <===> out_of_range/near/output.css a { - b: lch(30.0623308533% 244.5624171683 279.0769417748deg); + b: color-mix(in lch, color(xyz -0.4478815578 -0.0732156915 3.8173184875) 100%, black); } <===> @@ -63,6 +57,11 @@ a { @use 'sass:color'; a {b: color.to-space(color(prophoto-rgb -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -47674467013.187614 -16929933315.113934 -247080732.77789402) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/prophoto_rgb/oklab.hrx b/spec/core_functions/color/to_space/prophoto_rgb/oklab.hrx index d9fabded28..3f02fa5f24 100644 --- a/spec/core_functions/color/to_space/prophoto_rgb/oklab.hrx +++ b/spec/core_functions/color/to_space/prophoto_rgb/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(prophoto-rgb -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -47674467013.18752 -16929933315.11392 -247080732.77775192) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/prophoto_rgb/oklch.hrx b/spec/core_functions/color/to_space/prophoto_rgb/oklch.hrx index da780f59d8..11beac981e 100644 --- a/spec/core_functions/color/to_space/prophoto_rgb/oklch.hrx +++ b/spec/core_functions/color/to_space/prophoto_rgb/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(prophoto-rgb -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -47674467013.18753 -16929933315.11391 -247080732.777771) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rec2020/lab.hrx b/spec/core_functions/color/to_space/rec2020/lab.hrx index a0deb83d90..451f2df74e 100644 --- a/spec/core_functions/color/to_space/rec2020/lab.hrx +++ b/spec/core_functions/color/to_space/rec2020/lab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(rec2020 -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -11119280450344.598 -4585917925394.642 -119556.2596893311) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rec2020/lch.hrx b/spec/core_functions/color/to_space/rec2020/lch.hrx index a7a357040e..ae9acbd910 100644 --- a/spec/core_functions/color/to_space/rec2020/lch.hrx +++ b/spec/core_functions/color/to_space/rec2020/lch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(rec2020 -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -11119280261600.67 -4585917862614.184 3849800.247779846) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rec2020/oklab.hrx b/spec/core_functions/color/to_space/rec2020/oklab.hrx index 583e646b89..7c90cb9e3a 100644 --- a/spec/core_functions/color/to_space/rec2020/oklab.hrx +++ b/spec/core_functions/color/to_space/rec2020/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(rec2020 -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -11119280444659.65 -4585917923503.701 0.0024414063) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rec2020/oklch.hrx b/spec/core_functions/color/to_space/rec2020/oklch.hrx index 6e58a0250c..0eb2f182cd 100644 --- a/spec/core_functions/color/to_space/rec2020/oklch.hrx +++ b/spec/core_functions/color/to_space/rec2020/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(rec2020 -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -11119280444659.652 -4585917923503.7 -0.009765625) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rgb/lab.hrx b/spec/core_functions/color/to_space/rgb/lab.hrx index 5aed29df8b..52953fe8fb 100644 --- a/spec/core_functions/color/to_space/rgb/lab.hrx +++ b/spec/core_functions/color/to_space/rgb/lab.hrx @@ -64,14 +64,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color.change(black, $red: -999999), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -152693379.43919498 -78732523.77333494 -7157502.161212263) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rgb/lch.hrx b/spec/core_functions/color/to_space/rgb/lch.hrx index c5d5765c6e..26ed649553 100644 --- a/spec/core_functions/color/to_space/rgb/lch.hrx +++ b/spec/core_functions/color/to_space/rgb/lch.hrx @@ -64,14 +64,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color.change(black, $red: -999999), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -152693379.43919504 -78732523.77333494 -7157502.161212466) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rgb/oklab.hrx b/spec/core_functions/color/to_space/rgb/oklab.hrx index d3fefb026a..543f290f8d 100644 --- a/spec/core_functions/color/to_space/rgb/oklab.hrx +++ b/spec/core_functions/color/to_space/rgb/oklab.hrx @@ -64,14 +64,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color.change(black, $red: -999999), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -152693379.43919483 -78732523.77333483 -7157502.161212221) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/rgb/oklch.hrx b/spec/core_functions/color/to_space/rgb/oklch.hrx index d1268f085f..cbd0812da7 100644 --- a/spec/core_functions/color/to_space/rgb/oklch.hrx +++ b/spec/core_functions/color/to_space/rgb/oklch.hrx @@ -64,14 +64,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color.change(black, $red: -999999), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -152693379.43919486 -78732523.77333483 -7157502.16121231) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb/lab.hrx b/spec/core_functions/color/to_space/srgb/lab.hrx index 1de6dc21d9..abbe9f2edf 100644 --- a/spec/core_functions/color/to_space/srgb/lab.hrx +++ b/spec/core_functions/color/to_space/srgb/lab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -91096581353071.61 -46971674760177.555 -4270152250925.234) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb/lch.hrx b/spec/core_functions/color/to_space/srgb/lch.hrx index a1456aeb40..fbb66e4d83 100644 --- a/spec/core_functions/color/to_space/srgb/lch.hrx +++ b/spec/core_functions/color/to_space/srgb/lch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -91096581353071.64 -46971674760177.555 -4270152250925.3564) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb/oklab.hrx b/spec/core_functions/color/to_space/srgb/oklab.hrx index 8662d047c8..3675a809d7 100644 --- a/spec/core_functions/color/to_space/srgb/oklab.hrx +++ b/spec/core_functions/color/to_space/srgb/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -91096581353071.4 -46971674760177.49 -4270152250925.199) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb/oklch.hrx b/spec/core_functions/color/to_space/srgb/oklch.hrx index 0804b9dbd2..bd7604e97e 100644 --- a/spec/core_functions/color/to_space/srgb/oklch.hrx +++ b/spec/core_functions/color/to_space/srgb/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -91096581353071.39 -46971674760177.49 -4270152250925.1875) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb_linear/lab.hrx b/spec/core_functions/color/to_space/srgb_linear/lab.hrx index b9348c4bf6..3f900f8720 100644 --- a/spec/core_functions/color/to_space/srgb_linear/lab.hrx +++ b/spec/core_functions/color/to_space/srgb_linear/lab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb-linear -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -412390.3868751603 -212638.7932325045 -19330.7993847731) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb_linear/lch.hrx b/spec/core_functions/color/to_space/srgb_linear/lch.hrx index 3aa0bd1638..b4857b6dbc 100644 --- a/spec/core_functions/color/to_space/srgb_linear/lch.hrx +++ b/spec/core_functions/color/to_space/srgb_linear/lch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb-linear -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -412390.3868751603 -212638.7932325045 -19330.7993847737) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb_linear/oklab.hrx b/spec/core_functions/color/to_space/srgb_linear/oklab.hrx index d1952fbb57..c19e272d9c 100644 --- a/spec/core_functions/color/to_space/srgb_linear/oklab.hrx +++ b/spec/core_functions/color/to_space/srgb_linear/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb-linear -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -412390.3868751598 -212638.7932325045 -19330.799384773) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/srgb_linear/oklch.hrx b/spec/core_functions/color/to_space/srgb_linear/oklch.hrx index 09b691ad6c..084a76c8f8 100644 --- a/spec/core_functions/color/to_space/srgb_linear/oklch.hrx +++ b/spec/core_functions/color/to_space/srgb_linear/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(srgb-linear -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -412390.3868751598 -212638.7932325044 -19330.7993847733) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/xyz/lab.hrx b/spec/core_functions/color/to_space/xyz/lab.hrx index 15b88a9927..5dd1feccb4 100644 --- a/spec/core_functions/color/to_space/xyz/lab.hrx +++ b/spec/core_functions/color/to_space/xyz/lab.hrx @@ -9,17 +9,13 @@ a { <===> ================================================================================ -<===> white/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> white/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz 1 1 1), lab)} <===> white/output.css a { - b: lab(100% 0 0); + b: color-mix(in lab, color(xyz 1 1 1) 100%, black); } <===> @@ -57,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lab, color(xyz -999999 0 0.000000002) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss @@ -100,17 +97,13 @@ a { <===> ================================================================================ -<===> missing/green/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> missing/green/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz 0.1 none 0.3), lab)} <===> missing/green/output.css a { - b: lab(5.8200823344% 29.1326658037 -42.4044732971); + b: color-mix(in lab, color(xyz 0.1 0 0.3) 100%, black); } <===> diff --git a/spec/core_functions/color/to_space/xyz/lch.hrx b/spec/core_functions/color/to_space/xyz/lch.hrx index 68db6cf2ee..20d1d42226 100644 --- a/spec/core_functions/color/to_space/xyz/lch.hrx +++ b/spec/core_functions/color/to_space/xyz/lch.hrx @@ -9,17 +9,13 @@ a { <===> ================================================================================ -<===> white/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> white/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz 1 1 1), lch)} <===> white/output.css a { - b: lch(100% 0 none); + b: color-mix(in lch, color(xyz 1 1 1) 100%, black); } <===> @@ -57,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in lch, color(xyz -999998.9999993658 0.000000211 0.0000133413) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss @@ -100,17 +97,13 @@ a { <===> ================================================================================ -<===> missing/green/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> missing/green/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz 0.1 none 0.3), lch)} <===> missing/green/output.css a { - b: lch(5.8200823344% 51.4475613847 304.4897928318deg); + b: color-mix(in lch, color(xyz 0.1 0 0.3) 100%, black); } <===> diff --git a/spec/core_functions/color/to_space/xyz/oklab.hrx b/spec/core_functions/color/to_space/xyz/oklab.hrx index a69a68934c..2f66320d65 100644 --- a/spec/core_functions/color/to_space/xyz/oklab.hrx +++ b/spec/core_functions/color/to_space/xyz/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -999998.9999999991 -0.0000000001 0) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/xyz/oklch.hrx b/spec/core_functions/color/to_space/xyz/oklch.hrx index 8c82b703f3..6d4ccd6c01 100644 --- a/spec/core_functions/color/to_space/xyz/oklch.hrx +++ b/spec/core_functions/color/to_space/xyz/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -999998.9999999985 -0.0000000001 -0.0000000012) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lab.hrx b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lab.hrx index b92ecb7958..cfa7e92d6a 100644 --- a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lab.hrx +++ b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz-d50 -999999 0 0), lab)} +<===> out_of_range/far/output.css +a { + b: lab(0% -4037677156.674863 0); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lch.hrx b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lch.hrx index 4e429c840b..cd22e4b42b 100644 --- a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lch.hrx +++ b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/lch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz-d50 -999999 0 0), lch)} +<===> out_of_range/far/output.css +a { + b: lch(0% 4037677156.674863 180deg); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklab.hrx b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklab.hrx index 0e68a97eea..a0efdb422f 100644 --- a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklab.hrx +++ b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklab.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz-d50 -999999 0 0), oklab)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklab, color(xyz -955472.4660146529 28369.6809641542 -12314.0025504671) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklch.hrx b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklch.hrx index 98ebfe65df..1dfe85982a 100644 --- a/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklch.hrx +++ b/spec/core_functions/color/to_space/xyz_d50/xyz-d50/oklch.hrx @@ -53,14 +53,15 @@ a { <===> ================================================================================ -<===> out_of_range/far/options.yml -:todo: - - dart-sass # w3c/csswg-drafts#9484 - <===> out_of_range/far/input.scss @use 'sass:color'; a {b: color.to-space(color(xyz-d50 -999999 0 0), oklch)} +<===> out_of_range/far/output.css +a { + b: color-mix(in oklch, color(xyz -955472.4660146533 28369.6809641542 -12314.0025504659) 100%, black); +} + <===> ================================================================================ <===> alpha/partial/input.scss diff --git a/spec/libsass-closed-issues/issue_221255.hrx b/spec/libsass-closed-issues/issue_221255.hrx index d0e86470e3..b17fef082b 100644 --- a/spec/libsass-closed-issues/issue_221255.hrx +++ b/spec/libsass-closed-issues/issue_221255.hrx @@ -1,10 +1,10 @@ -<===> options.yml ---- -:todo: -- dart-sass <===> input.scss '#{)'{ + <===> error -Error: Invalid CSS after "'#{": expected expression (e.g. 1px, bold), was ")'{" - on line 1 of input.scss - Use --trace for backtrace. +Error: Expected expression. + , +1 | '#{)'{ + | ^^ + ' + input.scss 1:2 root stylesheet diff --git a/spec/libsass-closed-issues/issue_2509.hrx b/spec/libsass-closed-issues/issue_2509.hrx index ce041dbc87..d04f20c994 100644 --- a/spec/libsass-closed-issues/issue_2509.hrx +++ b/spec/libsass-closed-issues/issue_2509.hrx @@ -1,8 +1,3 @@ -<===> options.yml ---- -:todo: -- dart-sass - <===> input.scss [charset i] { display: block; @@ -19,19 +14,10 @@ [charset="utf-8" I] { display: block; } -<===> output.css -[charset i] { - display: block; -} - -[charset I] { - display: block; -} - -[charset="utf-8" i] { - display: block; -} - -[charset="utf-8" I] { - display: block; -} +<===> error +Error: Expected "]". + , +1 | [charset i] { + | ^ + ' + input.scss 1:10 root stylesheet From 494a0304a42ece92bcf1a153c5926e1b514ff9fb Mon Sep 17 00:00:00 2001 From: Natalie Weizenbaum Date: Fri, 10 May 2024 13:45:29 -0700 Subject: [PATCH 2/2] Code review --- spec/core_functions/color/lab/error.hrx | 14 -------------- .../color/lab/special_functions/alpha.hrx | 12 ++++++++++++ 2 files changed, 12 insertions(+), 14 deletions(-) diff --git a/spec/core_functions/color/lab/error.hrx b/spec/core_functions/color/lab/error.hrx index 327cd0d848..c5d57a3cbf 100644 --- a/spec/core_functions/color/lab/error.hrx +++ b/spec/core_functions/color/lab/error.hrx @@ -142,20 +142,6 @@ Error: $channels: c is not a number. ' input.scss 2:7 root stylesheet -<===> -================================================================================ -<===> type/alpha/multi_slash/input.scss -@use 'sass:list'; -a {b: lab(1% 2 3 / c / d)} - -<===> type/alpha/multi_slash/error -Error: $channels: Only 2 slash-separated elements allowed, but 3 were passed. - , -2 | a {b: lab(1% 2 3 / c / d)} - | ^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - <===> ================================================================================ <===> list/bracketed/input.scss diff --git a/spec/core_functions/color/lab/special_functions/alpha.hrx b/spec/core_functions/color/lab/special_functions/alpha.hrx index 70115f18ed..3ba4fca260 100644 --- a/spec/core_functions/color/lab/special_functions/alpha.hrx +++ b/spec/core_functions/color/lab/special_functions/alpha.hrx @@ -92,6 +92,18 @@ a { type: string; } +<===> +================================================================================ +<===> calc/calculation/with_slash/input.scss +@use 'core_functions/color/utils'; +@include utils.inspect(lab(1% 2 3 / calc(var(--a) / 2))); + +<===> calc/calculation/with_slash/output.css +a { + value: lab(1% 2 3/calc(var(--a) / 2)); + type: string; +} + <===> ================================================================================ <===> var/arg_1/input.scss