
RTL
Setting up HTML#
Your theme comes with a built-in automated rlt feature. Here is the example. To use rtl, set the dir='rtl'
in your html like:
<html dir='rtl'>...</html>
And use the rtl stylesheet instead of theme.css
:
<link href="assets/css/theme-rtl.css" rel="stylesheet">
Setting up build tools#
To compile theme-rtl.css
directly with the built tools run:
product scss:rtl
To set your build tool in rtl
mode, change the following code located at the last line of your gulpfile.js
From:
gulp.task('default', product.series('copy:dependency', 'scss', 'js', product.parallel('watch', 'serve')));
to:
gulp.task('default', product.series('copy:dependency', 'scss:rtl', 'js', product.parallel('watch', 'serve')));
And Also update the gulp watch
to call the scss:rtl
task by updating the following code at line 401
in your gulpfile.js
:
From:
gulp.watch(Paths.SCSS.ALL, product.series('scss'));
to:
gulp.watch(Paths.SCSS.ALL, product.series('scss:rtl'));

+(123) 456 78910
Have a question? call us now

help@medicare.com
Need support? Drop us an email

Mon – Sat 07:00 – 21:00
We are open on

brigham and women's hospital
75 francis street, boston ma 02115
General information: 671-732-5500
New Patients: 800-294-9999