[Support request] Unsemantic Framework – RTL

[Dan]

Hi
Is there a possibility that in the next update of the theme, if a user selects an RTL language (Hebrew, Arabic Farsi) for the site (via wp-admin) the RTL stylesheet of the unsemantic framework would be loaded?
https://unsemantic.com/demo-responsive-rtl

https://raw.github.com/nathansmith/unsemantic/master/assets/stylesheets/unsemantic-grid-responsive-rtl.css

Thanks,
Dan

[Tom]

Hi Dan,

Interesting idea! Would this solve anything for you in GP right now while using RTL sites?

[Dan]

Hi Tom,
For sure, the last 2 sites I built were RTL and I had to do some overwrites in the rtl.css file of the child theme to fix some RTL issues with the framework. Or add some extra classes to some containers.
(for example https://www.karatespirit.co.il/%D7%A8%D7%90%D7%95%D7%91%D7%9F-%D7%A9%D7%A8%D7%A3/)
Also in the footer widgets, overwriting the float to right so they will be sorted correctly.
So using an RTL framework for an RTL site would be the way to go.

Thanks,
Dan

[Tom]

Any chance you can share some of the tweaks you added?

That RTL file is pretty big, so I would prefer to pluck the essential pieces and add them to the existing rtl.css file.

[Dan]

For example custom css file which fixed the RTL issues I had:

@media (min-width:1025px){
.inside-footer-widgets .grid-parent {float:right;}

}
I also added classes to the div’s themselves to fix the floats.

I think that the current GP rtl.css file is mainly focused on RTLing navigation elements, lists, comments and a few widget item elements.
What we need is for RTL support for the framework, for example, the grid item classes:
.grid-x
.mobile-pull-xx
.mobile-grid-xx
.pull-xx
.push-xx
.prefix-xx
.suffix-xx

I’m not sure that all the IE7 fixes are needed.

Dan

[Tom]

Awesome, I’ll definitely look into it!

I know at some point GP will move to CSS Grid instead of unsemantic, which should make RTL much easier.

[Author]

Posts