[csswg-drafts] [css-logical] Add some logical version for CSS gradients (#6478)

• From: Nicolas Hoffmann via GitHub <sysbot+gh@w3.org>
• Date: Wed, 28 Jul 2021 13:17:41 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-954846404-1627478260-sysbot+gh@w3.org>

nico3333fr has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-logical] Add some logical version for CSS gradients  ==
Spec: https://drafts.csswg.org/css-logical/

We need a logical version for CSS gradients.


# Use case

In ProtonMail, we are using a gradient to manage upload progress for attachments, here an example in Farsi (RTL)

![image](https://user-images.githubusercontent.com/2578321/127326679-a9fd9ffb-bc3a-466d-ab71-9d7a572282e3.png)

Actually, we have to detect if user is using a RTL language, and adapt the 

![image](https://user-images.githubusercontent.com/2578321/127296329-08f1b00d-e917-4959-8e54-5c8c9d58db6d.png)

# Solution

Either `logical` keyword or something like:

```css
linear-gradient(to inline-end,...
linear-gradient(to inline-start,...
linear-gradient(to block-start,...
linear-gradient(to block-end,... 
```

Thanks :) 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6478 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 28 July 2021 13:17:43 UTC