From 1d3d07aa47f7596670cf548bf265e793fdd654c2 Mon Sep 17 00:00:00 2001
From: "Psychpsyo (Cameron)" <60073468+Psychpsyo@users.noreply.github.com>
Date: Mon, 8 Jun 2026 09:51:55 +0200
Subject: [PATCH] [css-images-4] Add logical directions for linear-gradient()

---
 css-images-4/Overview.bs | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/css-images-4/Overview.bs b/css-images-4/Overview.bs
index 632e9fd495a..0d89c98e7f7 100644
--- a/css-images-4/Overview.bs
+++ b/css-images-4/Overview.bs
@@ -1107,11 +1107,14 @@ Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}
 	when interpolating colors on the gradient line.
 	See [[css-color-4#interpolation]].
 
+	This level also adds the ability to define the gradient’s direction
+	relative to the current block and inline directions.
+
 	<pre class=prod>
 		<dfn>&lt;linear-gradient-syntax></dfn> =
 			[ [ <<angle>> | <<zero>> | to <<side-or-corner>> ] || <<color-interpolation-method>> ]? ,
 			<<color-stop-list>>
-		<dfn>&lt;side-or-corner></dfn> = [left | right] || [top | bottom]
+		<dfn>&lt;side-or-corner></dfn> = [ [left | right] || [top | bottom] ] | [ [inline-start | inline-end] || [block-start | block-end] ]
 	</pre>
 
 	<wpt>