Skip to content

Commit b5fdc89

Browse files
committed
[css-color-5] Non-RCS modern hsl & hsla also allows mixed num-pct w3c#8231
1 parent 42eaa4d commit b5fdc89

File tree

1 file changed

+17
-8
lines changed

1 file changed

+17
-8
lines changed

css-color-5/Overview.bs

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1006,8 +1006,12 @@ However, if calculations are done on missing values, ''none'' is treated as 0.
10061006
The grammar of the [=modern color syntax=] ''rgb()'' and ''rgba()'' functions are extended as follows:
10071007

10081008
<pre class='prod'>
1009-
<dfn>rgb()</dfn> = rgb( [ from <<color>> ]? [ <<number>> | <<percentage>> | none]{3} [ / [<<alpha-value>> | none] ]? )
1010-
<dfn>rgba()</dfn> = rgba( [ from <<color>> ]? [ <<number>> | <<percentage>> | none]{3} [ / [<<alpha-value>> | none] ]? )
1009+
<dfn>rgb()</dfn> = rgb( [ from <<color>> ]?
1010+
[ <<number>> | <<percentage>> | none]{3}
1011+
[ / [<<alpha-value>> | none] ]? )
1012+
<dfn>rgba()</dfn> = rgba( [ from <<color>> ]?
1013+
[ <<number>> | <<percentage>> | none]{3}
1014+
[ / [<<alpha-value>> | none] ]? )
10111015
<dfn>&lt;alpha-value></dfn> = <<number>> | <<percentage>>
10121016
</pre>
10131017

@@ -1060,18 +1064,23 @@ Relative sRGB color syntax is <em>only</em> applicable to the non-legacy RGB syn
10601064

10611065
<h3 id="relative-HSL">Relative HSL Colors</h3>
10621066

1063-
The grammar of the ''hsl()'' function is extended as follows:
1067+
The grammar of the ''hsl()'' and ''hsla()'' functions is extended as follows:
10641068

10651069
<pre class='prod'>
10661070
<dfn>hsl()</dfn> = hsl([from <<color>>]?
1067-
[<<hue>> | none]
1068-
[<<percentage>> | <<number>> | none]
1069-
[<<percentage>> | <<number>> | none]
1070-
[ / [<<alpha-value>> | none] ]? )
1071+
[<<hue>> | none]
1072+
[<<percentage>> | <<number>> | none]
1073+
[<<percentage>> | <<number>> | none]
1074+
[ / [<<alpha-value>> | none] ]? )
1075+
<dfn>hsla()</dfn> = hsla([from <<color>>]?
1076+
[<<hue>> | none]
1077+
[<<percentage>> | <<number>> | none]
1078+
[<<percentage>> | <<number>> | none]
1079+
[ / [<<alpha-value>> | none] ]? )
10711080
</pre>
10721081

10731082

1074-
Within a [=relative color=] syntax ''hsl()'' function,
1083+
Within a [=relative color=] syntax ''hsl()'' or ''hsla()'' function,
10751084
the allowed [=channel keywords=] are:
10761085

10771086
* <dfn value for="hsl()">h</dfn> is an <<angle>>

0 commit comments

Comments
 (0)