Skip to content

Commit

Permalink
Merge pull request sass#1605 from sass/clamp
Browse files Browse the repository at this point in the history 
Add specs for plain-CSS clamp()
  • Loading branch information
@nex3
nex3 authored Dec 28, 2020
2 parents f9a1346 + eed79d8 commit 51481e8
Show file tree
Hide file tree
Showing 18 changed files with 612 additions and 58 deletions.
41 changes: 41 additions & 0 deletions spec/core_functions/color/hsl/four_args/special_functions.hrx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -203,3 +203,44 @@ a {
b: hsl(1, 2%, 3%, max(0.4));
}


<===>
================================================================================
<===> clamp/arg_1/input.scss
a {b: hsl(clamp(1, 2, 3), 2%, 3%, 0.4)}

<===> clamp/arg_1/output.css
a {
b: hsl(clamp(1, 2, 3), 2%, 3%, 0.4);
}

<===>
================================================================================
<===> clamp/arg_2/input.scss
a {b: hsl(1, clamp(2%, 3%, 4%), 3%, 0.4)}

<===> clamp/arg_2/output.css
a {
b: hsl(1, clamp(2%, 3%, 4%), 3%, 0.4);
}

<===>
================================================================================
<===> clamp/arg_3/input.scss
a {b: hsl(1, 2%, clamp(3%, 4%, 5%), 0.4)}

<===> clamp/arg_3/output.css
a {
b: hsl(1, 2%, clamp(3%, 4%, 5%), 0.4);
}

<===>
================================================================================
<===> clamp/arg_4/input.scss
a {b: hsl(1, 2%, 3%, clamp(0.4, 0.5, 0.6))}

<===> clamp/arg_4/output.css
a {
b: hsl(1, 2%, 3%, clamp(0.4, 0.5, 0.6));
}

70 changes: 70 additions & 0 deletions spec/core_functions/color/hsl/one_arg/special_functions.hrx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,6 +154,36 @@ a {
b: hsl(1, 2%, max(3%));
}

<===>
================================================================================
<===> no_alpha/clamp/arg_1/input.scss
a {b: hsl(clamp(1, 2, 3) 2% 3%)}

<===> no_alpha/clamp/arg_1/output.css
a {
b: hsl(clamp(1, 2, 3), 2%, 3%);
}

<===>
================================================================================
<===> no_alpha/clamp/arg_2/input.scss
a {b: hsl(1 clamp(2%, 3%, 4%) 3%)}

<===> no_alpha/clamp/arg_2/output.css
a {
b: hsl(1, clamp(2%, 3%, 4%), 3%);
}

<===>
================================================================================
<===> no_alpha/clamp/arg_3/input.scss
a {b: hsl(1 2% clamp(3%, 4%, 5%))}

<===> no_alpha/clamp/arg_3/output.css
a {
b: hsl(1, 2%, clamp(3%, 4%, 5%));
}

<===>
================================================================================
<===> no_alpha/multi/argument/var/arg_1/of/arg_2/input.scss
Expand Down Expand Up @@ -385,6 +415,46 @@ a {
b: hsl(1 2% 3%/max(0.4));
}

<===>
================================================================================
<===> alpha/clamp/arg_1/input.scss
a {b: hsl(clamp(1, 2, 3) 2% 3% / 0.4)}

<===> alpha/clamp/arg_1/output.css
a {
b: hsl(clamp(1, 2, 3), 2%, 3%, 0.4);
}

<===>
================================================================================
<===> alpha/clamp/arg_2/input.scss
a {b: hsl(1 clamp(2%, 3%, 4%) 3% / 0.4)}

<===> alpha/clamp/arg_2/output.css
a {
b: hsl(1, clamp(2%, 3%, 4%), 3%, 0.4);
}

<===>
================================================================================
<===> alpha/clamp/arg_3/input.scss
a {b: hsl(1 2% clamp(3%, 4%, 5%) / 0.4)}

<===> alpha/clamp/arg_3/output.css
a {
b: hsl(1 2% clamp(3%, 4%, 5%)/0.4);
}

<===>
================================================================================
<===> alpha/clamp/arg_4/input.scss
a {b: hsl(1 2% 3% / clamp(0.4, 0.5, 0.6))}

<===> alpha/clamp/arg_4/output.css
a {
b: hsl(1 2% 3%/clamp(0.4, 0.5, 0.6));
}

<===>
================================================================================
<===> alpha/multi_argument_var/1_of_2/input.scss
Expand Down
8 changes: 7 additions & 1 deletion spec/core_functions/color/hsl/three_args/special_functions.hrx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
---
:todo:
- sass/libsass#2726
:ignore_for:

<===> input.scss
a {
Expand All @@ -25,6 +24,10 @@ a {
max-1: hsl(max(1), 2%, 3%);
max-2: hsl(1, max(2%), 3%);
max-3: hsl(1, 2%, max(3%));

clamp-1: hsl(clamp(1, 2, 3), 2%, 3%);
clamp-2: hsl(1, clamp(2%, 3%, 4%), 3%);
clamp-3: hsl(1, 2%, clamp(3%, 4%, 5%));
}

<===> output.css
Expand All @@ -44,4 +47,7 @@ a {
max-1: hsl(max(1), 2%, 3%);
max-2: hsl(1, max(2%), 3%);
max-3: hsl(1, 2%, max(3%));
clamp-1: hsl(clamp(1, 2, 3), 2%, 3%);
clamp-2: hsl(1, clamp(2%, 3%, 4%), 3%);
clamp-3: hsl(1, 2%, clamp(3%, 4%, 5%));
}
104 changes: 56 additions & 48 deletions spec/core_functions/color/hsla/four_args/special_functions.hrx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,11 +78,13 @@ a {

<===>
================================================================================
<===> env/arg_1/options.yml
<===> env/options.yml
---
:todo:
- sass/libsass#2726

<===>
================================================================================
<===> env/arg_1/input.scss
a {b: hsla(env(--foo), 2%, 3%, 0.4)}

Expand All @@ -93,11 +95,6 @@ a {

<===>
================================================================================
<===> env/arg_2/options.yml
---
:todo:
- sass/libsass#2726

<===> env/arg_2/input.scss
a {b: hsla(1, env(--foo), 3%, 0.4)}

Expand All @@ -108,11 +105,6 @@ a {

<===>
================================================================================
<===> env/arg_3/options.yml
---
:todo:
- sass/libsass#2726

<===> env/arg_3/input.scss
a {b: hsla(1, 2%, env(--foo), 0.4)}

Expand All @@ -123,11 +115,6 @@ a {

<===>
================================================================================
<===> env/arg_4/options.yml
---
:todo:
- sass/libsass#2726

<===> env/arg_4/input.scss
a {b: hsla(1, 2%, 3%, env(--foo))}

Expand All @@ -138,11 +125,13 @@ a {

<===>
================================================================================
<===> min/arg_1/options.yml
<===> min/options.yml
---
:todo:
- sass/libsass#2726

<===>
================================================================================
<===> min/arg_1/input.scss
a {b: hsla(min(1), 2%, 3%, 0.4)}

Expand All @@ -153,11 +142,6 @@ a {

<===>
================================================================================
<===> min/arg_2/options.yml
---
:todo:
- sass/libsass#2726

<===> min/arg_2/input.scss
a {b: hsla(1, min(2%), 3%, 0.4)}

Expand All @@ -168,11 +152,6 @@ a {

<===>
================================================================================
<===> min/arg_3/options.yml
---
:todo:
- sass/libsass#2726

<===> min/arg_3/input.scss
a {b: hsla(1, 2%, min(3%), 0.4)}

Expand All @@ -183,11 +162,6 @@ a {

<===>
================================================================================
<===> min/arg_4/options.yml
---
:todo:
- sass/libsass#2726

<===> min/arg_4/input.scss
a {b: hsla(1, 2%, 3%, min(0.4))}

Expand All @@ -198,11 +172,13 @@ a {

<===>
================================================================================
<===> max/arg_1/options.yml
<===> max/options.yml
---
:todo:
- sass/libsass#2726

<===>
================================================================================
<===> max/arg_1/input.scss
a {b: hsla(max(1), 2%, 3%, 0.4)}

Expand All @@ -213,11 +189,6 @@ a {

<===>
================================================================================
<===> max/arg_2/options.yml
---
:todo:
- sass/libsass#2726

<===> max/arg_2/input.scss
a {b: hsla(1, max(2%), 3%, 0.4)}

Expand All @@ -228,11 +199,6 @@ a {

<===>
================================================================================
<===> max/arg_3/options.yml
---
:todo:
- sass/libsass#2726

<===> max/arg_3/input.scss
a {b: hsla(1, 2%, max(3%), 0.4)}

Expand All @@ -243,11 +209,6 @@ a {

<===>
================================================================================
<===> max/arg_4/options.yml
---
:todo:
- sass/libsass#2726

<===> max/arg_4/input.scss
a {b: hsla(1, 2%, 3%, max(0.4))}

Expand All @@ -256,3 +217,50 @@ a {
b: hsla(1, 2%, 3%, max(0.4));
}

<===>
================================================================================
<===> clamp/options.yml
---
:todo:
- sass/libsass#2726

<===>
================================================================================
<===> clamp/arg_1/input.scss
a {b: hsla(clamp(1, 2, 3), 2%, 3%, 0.4)}

<===> clamp/arg_1/output.css
a {
b: hsla(clamp(1, 2, 3), 2%, 3%, 0.4);
}

<===>
================================================================================
<===> clamp/arg_2/input.scss
a {b: hsla(1, clamp(2%, 3%, 4%), 3%, 0.4)}

<===> clamp/arg_2/output.css
a {
b: hsla(1, clamp(2%, 3%, 4%), 3%, 0.4);
}

<===>
================================================================================
<===> clamp/arg_3/input.scss
a {b: hsla(1, 2%, clamp(3%, 4%, 5%), 0.4)}

<===> clamp/arg_3/output.css
a {
b: hsla(1, 2%, clamp(3%, 4%, 5%), 0.4);
}

<===>
================================================================================
<===> clamp/arg_4/input.scss
a {b: hsla(1, 2%, 3%, clamp(0.4, 0.5, 0.6))}

<===> clamp/arg_4/output.css
a {
b: hsla(1, 2%, 3%, clamp(0.4, 0.5, 0.6));
}

Loading

0 comments on commit 51481e8

Please sign in to comment.