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

Support multiple directions #11

Open
renatodeleao opened this issue Nov 10, 2017 · 5 comments
Open

Support multiple directions #11

renatodeleao opened this issue Nov 10, 2017 · 5 comments

Comments

@renatodeleao
Copy link
Collaborator

renatodeleao commented Nov 10, 2017

Right to left,
Top to bottom,
Bottom to top.

@tomasmcm
Copy link
Member

How do you think we could approach this?

My idea would be to make use of flex direction:
rtl > flex-direction: row;
ltr > flex-direction: row-reverse;
ttb > flex-direction: column;
btt > flex-direction: column-reverse;

The order attribute should work no matter the direction, although block.left needs to change depending on direction.

@renatodeleao
Copy link
Collaborator Author

renatodeleao commented Nov 13, 2017

Yup that looks like the flex way to do it 👍

@tomasmcm
Copy link
Member

and should we assume people set flex-direction in css or enforce it with js when they set the direction variable?

@Sandro-Moschkau
Copy link

I'd really appreciate this feature.
In my opinion you should enforce it with js so it doesn't break easily if the css rule is missing.

@renatodeleao
Copy link
Collaborator Author

@lizard219 thanks for your input, we'll take a look at it this weekend!

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

No branches or pull requests

3 participants