Skip to content
This repository has been archived by the owner on Feb 23, 2022. It is now read-only.

When RTL flipping, border-radius should be treated differenrtly #120

Open
udonmai opened this issue May 10, 2017 · 1 comment
Open

When RTL flipping, border-radius should be treated differenrtly #120

udonmai opened this issue May 10, 2017 · 1 comment

Comments

@udonmai
Copy link

udonmai commented May 10, 2017

Now border-radius: 10px 10px 0 0; will be flipped to border-radius: 0 0 10px 10px;
while it should be border-radius: 10px 10px 0 0;

since the four values are
top-left 1 top-right 2
bottom-left 4 bottom-right 3
-> 1 2 3 4

and should be turned to be
2 1
3 4
-> 2 1 4 3

@udonmai udonmai changed the title When RTL flipping, border-radius should not be treated differenrtly When RTL flipping, border-radius should be treated differenrtly May 10, 2017
@seanmfoy
Copy link
Contributor

I used this input:

p {
  border-radius: 10px 10px 0 0;
}
div {
  border-radius: 1px 2px 3px 4px;
}

with this invocation:
java -jar target/clsoure-stylesheets-1.5.0-SNAPSHOT-jar-with-dependencies.jar --pretty-print --output-orientation RTL 120.css

and got this output:

p {
  border-radius: 10px 10px 0 0;
}
div {
  border-radius: 2px 1px 4px 3px;
}

Can you give a more detailed recipe to reproduce this problem?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants