Skip to content

Commit

Permalink
Merge pull request #1988 from sass/color-adjust
Browse files Browse the repository at this point in the history 
[Color 4] Update tests for `color.adjust()`
  • Loading branch information
@nex3
nex3 committed May 7, 2024
2 parents 231b7ef + 6c9b90b commit a69ff07
Show file tree
Hide file tree
Showing 39 changed files with 3,965 additions and 706 deletions.
228 changes: 228 additions & 0 deletions spec/core_functions/color/adjust/a98_rgb.hrx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,228 @@
<===> red/unitless/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: 0.5)}

<===> red/unitless/output.css
a {
b: color(a98-rgb 0.7 0.5 0.7);
}

<===>
================================================================================
<===> red/percent/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: -10%)}

<===> red/percent/output.css
a {
b: color(a98-rgb 0.1 0.5 0.7);
}

<===>
================================================================================
<===> red/above_max/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: 0.9)}

<===> red/above_max/output.css
a {
b: color(a98-rgb 1.1 0.5 0.7);
}

<===>
================================================================================
<===> red/below_min/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: -0.3)}

<===> red/below_min/output.css
a {
b: color(a98-rgb -0.1 0.5 0.7);
}

<===>
================================================================================
<===> red/arg_above_max/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: 1.9)}

<===> red/arg_above_max/output.css
a {
b: color(a98-rgb 2.1 0.5 0.7);
}

<===>
================================================================================
<===> red/arg_below_min/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: -1.3)}

<===> red/arg_below_min/output.css
a {
b: color(a98-rgb -1.1 0.5 0.7);
}

<===>
================================================================================
<===> green/unitless/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $green: -0.3)}

<===> green/unitless/output.css
a {
b: color(a98-rgb 0.2 0.2 0.7);
}

<===>
================================================================================
<===> green/percent/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $green: 40%)}

<===> green/percent/output.css
a {
b: color(a98-rgb 0.2 0.9 0.7);
}

<===>
================================================================================
<===> green/above_max/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $green: 0.7)}

<===> green/above_max/output.css
a {
b: color(a98-rgb 0.2 1.2 0.7);
}

<===>
================================================================================
<===> green/below_min/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $green: -0.8)}

<===> green/below_min/output.css
a {
b: color(a98-rgb 0.2 -0.3 0.7);
}

<===>
================================================================================
<===> green/arg_above_max/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $green: 1.7)}

<===> green/arg_above_max/output.css
a {
b: color(a98-rgb 0.2 2.2 0.7);
}

<===>
================================================================================
<===> green/arg_below_min/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $green: -1.8)}

<===> green/arg_below_min/output.css
a {
b: color(a98-rgb 0.2 -1.3 0.7);
}

<===>
================================================================================
<===> blue/unitless/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $blue: -0.3)}

<===> blue/unitless/output.css
a {
b: color(a98-rgb 0.2 0.5 0.4);
}

<===>
================================================================================
<===> blue/percent/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $blue: 20%)}

<===> blue/percent/output.css
a {
b: color(a98-rgb 0.2 0.5 0.9);
}

<===>
================================================================================
<===> blue/above_max/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $blue: 0.7)}

<===> blue/above_max/output.css
a {
b: color(a98-rgb 0.2 0.5 1.4);
}

<===>
================================================================================
<===> blue/below_min/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $blue: -0.8)}

<===> blue/below_min/output.css
a {
b: color(a98-rgb 0.2 0.5 -0.1);
}

<===>
================================================================================
<===> blue/arg_above_max/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $blue: 1.7)}

<===> blue/arg_above_max/output.css
a {
b: color(a98-rgb 0.2 0.5 2.4);
}

<===>
================================================================================
<===> blue/arg_below_min/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $blue: -1.8)}

<===> blue/arg_below_min/output.css
a {
b: color(a98-rgb 0.2 0.5 -1.1);
}

<===>
================================================================================
<===> all/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: 0.3, $green: 0.2, $blue: 0.1)}

<===> all/output.css
a {
b: color(a98-rgb 0.5 0.7 0.8);
}

<===>
================================================================================
<===> alpha_input/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7 / 0.9), $red: 0.5)}

<===> alpha_input/output.css
a {
b: color(a98-rgb 0.7 0.5 0.7 / 0.9);
}

<===>
================================================================================
<===> alpha_arg/input.scss
@use 'sass:color';
a {b: color.adjust(color(a98-rgb 0.2 0.5 0.7), $red: 0.5, $alpha: -0.1)}

<===> alpha_arg/output.css
a {
b: color(a98-rgb 0.7 0.5 0.7 / 0.9);
}

0 comments on commit a69ff07

Please sign in to comment.