Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

RTL SCSS suggested instructions

From MoodleDocs
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Suggested modifications and updates to the CSS_Coding_Style#Right-to-left page sections

Caveats

It is important to note that the special comments must NOT end a file or a rule block. All comments not preceding a block, or a rule are ignored. Or in other words: currently the comments must always precede a statement, they will not work if they are not followed by anything.

Also note that comments in SCSS or LESS will often not produce the desired effect. When dealing with SCSS and LESS, ensure that your special RTL comments are attached to pure CSS statements: no

@extend

, indented rules, etc...

Forcing the text direction

Whilst

.dir-rtl

should not be used any more, we've added

.text-ltr

which allows developers to force the direction of the text to left-to-right. This is especially needed for forms fields like: URLs, OS level Folders paths & apps, theme hex colors, English DB field names, emails, English text, numbers, regular expression patterns, symbols, code snippets or configuration samples.