rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-09 09:29:21 +01:00
Code Issues Actions Packages Releases Activity

Docs: mention rtl:freeze instead of rtl:ignore with PostCSS RTLCSS (#41098)
Some checks failed
BrowserStack / browserstack (push) Has been skipped
Details
Bundlewatch / bundlewatch (push) Failing after 0s
Details
CodeQL / Analyze (push) Failing after 0s
Details
cspell / cspell (push) Failing after 0s
Details
CSS / css (push) Failing after 0s
Details
Docs / docs (push) Failing after 0s
Details
JS Tests / JS Tests (push) Failing after 0s
Details
Lint / lint (push) Failing after 0s
Details
CSS (node-sass) / css (push) Failing after 0s
Details
Release notes / update_release_draft (push) Has been skipped
Details

Browse Source
This commit is contained in:
Iván Pereira 2024-12-16 10:19:39 +01:00 committed by GitHub
parent ff7d1be0b7
commit a353ed4b19
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.3/getting-started/rtl.md
View File

@ -175,7 +175,7 @@ Do you want to automate this process and address several edge cases involving bo
1. It is recommended that you add the `dir` attribute to the `html` element. This way, the entire page will be affected when you change the direction. Also, make sure you add the `lang` attribute accordingly.
2. Having a single bundle with both directions will increase the size of the final stylesheet (on average, by 20%-30%): consider some [optimization]({{< docsref "/customize/optimize" >}}).
3. Take into account that PostCSS RTLCSS is not compatible with `/* rtl:remove */` directives because it doesn't remove any CSS rule. You should replace your `/* rtl:remove */`, `/* rtl:begin:remove */` and `/* rtl:end:remove */` directives with `/* rtl:ignore */`, `/* rtl:begin:ignore */` and `/* rtl:end:ignore */` directives respectively. These directives will ignore the rule and will not create an RTL counterpart (same result as the `remove` ones in RTLCSS).
3. Take into account that PostCSS RTLCSS is not compatible with `/* rtl:remove */` directives because it doesn't remove any CSS rule. You should replace your `/* rtl:remove */`, `/* rtl:begin:remove */` and `/* rtl:end:remove */` directives with `/* rtl:freeze */`, `/* rtl:begin:freeze */` and `/* rtl:end:freeze */` directives respectively. These directives will prefix the targeted rules or declarations with the current direction but will not create an RTL counterpart (same result as the `remove` ones in RTLCSS).
{{< /callout >}}
## The breadcrumb case