Nooo, please don't do this. 馃榿
We already have the RTL flag, so html[dir="rtl"] is sufficient.
See: https://nodejs.org/ar/
Please also don't simply duplicate all the CSS, when you just want to change three lines of code.
What you want is:
html
// all the regular styles
...
html[dir="rtl"]
.has-side-nav
aside
float right
article
margin-right 220px
@media screen and (max-width: 480px)
.has-side-nav
article
margin-right 0px
Thank you so much, @fhemberger .
your code works just perfectly.
note that i added this line to the article element:
margin-left: 0;
so the margin left is set to 0 when the website language is a written from RTL , so the final code to add is like this:
html[dir="rtl"]
.has-side-nav
aside
float right
article
margin-right 220px
margin-left 0
@media screen and (max-width: 480px)
.has-side-nav
article
margin-right 0px
thank you @fhemberger
Most helpful comment
Nooo, please don't do this. 馃榿
We already have the RTL flag, so
html[dir="rtl"]is sufficient.See: https://nodejs.org/ar/
Please also don't simply duplicate all the CSS, when you just want to change three lines of code.
What you want is: