Site logo

Archived topic

Unsemantic Framework - RTL

5 replies · Started by Dan on January 9, 2018

Viewing posts 1–6 of 6

Hi Dan,

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

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

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.

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

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.

This archived topic is closed to new replies.