Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-logical]Flow-relative syntax for transform #1788

Closed
TxHawks opened this issue Sep 7, 2017 · 3 comments
Closed

[css-logical]Flow-relative syntax for transform #1788

TxHawks opened this issue Sep 7, 2017 · 3 comments

Comments

@TxHawks
Copy link

TxHawks commented Sep 7, 2017

There is no mention of handling the values of transform in a flow-relative manner in the css-logical-1 spec, which would certainly be very helpful when authoring multi-directional styles

@fantasai fantasai added css-logical-1 Current Work css-logical-2 and removed css-logical-1 Current Work labels Sep 14, 2017
@nico3333fr
Copy link

Yes, there are some cases where we would really need this, I'm facing one right now for a custom toggle:

LTR:
image

I'm doing:

transform: translateX(<value>);

for active state.

But it will give this in RTL:
image

I have to do:

transform: translateX(-<value>);

To get the proper display:

image

Something like: translate-inline-start would replace something like:

[dir="rtl] .selector {
transform: translateX(-<value>);
}

And same for translateY, we would go for translate-block-start.

For translateZ, I guess i18n does not encounter negative 3D written stuff... so it's okay :D

@Malvoz
Copy link
Contributor

Malvoz commented Dec 10, 2021

Duplicate of #1544.

@dbaron
Copy link
Member

dbaron commented Aug 24, 2022

Closing as duplicate of #1544.

@dbaron dbaron closed this as not planned Won't fix, can't repro, duplicate, stale Aug 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants