Skip to content

Commit 1d3d07a

Browse files
committed
[css-images-4] Add logical directions for linear-gradient()
1 parent 345e70a commit 1d3d07a

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

css-images-4/Overview.bs

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1107,11 +1107,14 @@ Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}
11071107
when interpolating colors on the gradient line.
11081108
See [[css-color-4#interpolation]].
11091109

1110+
This level also adds the ability to define the gradient’s direction
1111+
relative to the current block and inline directions.
1112+
11101113
<pre class=prod>
11111114
<dfn>&lt;linear-gradient-syntax></dfn> =
11121115
[ [ <<angle>> | <<zero>> | to <<side-or-corner>> ] || <<color-interpolation-method>> ]? ,
11131116
<<color-stop-list>>
1114-
<dfn>&lt;side-or-corner></dfn> = [left | right] || [top | bottom]
1117+
<dfn>&lt;side-or-corner></dfn> = [ [left | right] || [top | bottom] ] | [ [inline-start | inline-end] || [block-start | block-end] ]
11151118
</pre>
11161119

11171120
<wpt>

0 commit comments

Comments
 (0)