dzhavat / css-flexbox-cheatsheet

VS Code extension that lets you open a CSS Flexbox cheatsheet directly in the editor.
https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet
MIT License
101 stars 12 forks source link

Idea: Add support for right-to-left (RTL) direction #22

Closed dzhavat closed 3 years ago

dzhavat commented 3 years ago

Currently the images and interactive demos assume left-to-right (LTR) direction. It'd be awesome if there's a toggle that can be used to switch between RTL and LRT, and have that reflected in the images/interactive demos.

dzhavat commented 3 years ago

I think this issue can be quite interesting for someone wanting to get started with contributing to open source.

Please let me know if you would like to try working on it and I'll help you along the way :)

dzhavat commented 3 years ago

I've already added a dir attribute with the ltr value to all playground demos in the HTML file. (commit c32b24814476ad0b50176c2a3a475a26a9fa57f5).

What is left is adding a toggle at the top of the HTML to switch between ltr and rtl, and update the dir attribute with the selected value.