RTL Version
Overview
RTL layout - layout in right-to-left direction, where content displays from the right-hand side of a page and concludes on the left-hand side, such as in Arabic, Hebrew and Urdu. In other words - the whole page layout and content is mirrored. Limitless template supports RTL layout version in all available layout variations. LTR and RTL are controlled by 2 different CSS files that can be found in /layout_*/assets/css/ folder in each layout.
The difference
Both LTR and RTL versions use the same markup, class names and content ordering. The only difference is dir="rtl" attribute added to the <html> element of the page, which changes the direction and language code. Both LTR and RTL layouts are using the same set of SCSS files. CSS files with RTL styles can be generated by your environment manually or automatically, depending on your configuration. Gulp configuration in Limitless generates CSS files for RTL direction manually and is controlled by direction variable, which supports 2 values: ltr and rtl.
A couple of components, such as ION range slider and Datatable extensions don't support RTL at all due to the plugin logic, but ION range sliders will be fixed soon as far as I am aware. All other options and features are supported.
RTL Setup
To have RTL mode enabled, replace the reference of
assets/css/all.min.css to
assets/css/all.rtl.css and in the
resource/layouts/views/master.blade.php file update the html tag like
<html lang="en" dir="rtl">