Re: [csswg-drafts] [css-logical] Allow logical values in CSS gradients (#8015)

The keywords might need to reflect the axis too, I think?

- `to right` -> `to inline-end` (when `writing-mode: horizontal-tb; direction: rtl`)
- `to bottom right` -> `to block-end inline-end`
- etc.

Also this works for corners, but what about angles?

For instance you might want a `135deg` angle, which is equivalent to `to bottom right` in a square container but will keep that same `135deg` angle in a rectangular container. But in `direction: rtl` you would want a `-135deg` angle instead. That can be managed with `linear-gradient(calc(135deg * var(--angle-direction), …)` where `--angle-direction` is set to `1` in `ltr` and to `-1` in `rtl`, but that's a bit awkward.


-- 
GitHub Notification of comment by fvsch
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8015#issuecomment-1303680898 using your GitHub account


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

Received on Friday, 4 November 2022 14:53:30 UTC