Skip to content

Commit 4989565

Browse files
mdomdo
authored
Remove RTLCSS mentions and more (#42246)
* Remove RTLCSS mentions and more * Remove * simplify
1 parent 3e784f3 commit 4989565

File tree

8 files changed

+4
-94
lines changed

8 files changed

+4
-94
lines changed

‎.cspell.json‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,6 @@
9090
"relref",
9191
"rgba",
9292
"roboto",
93-
"RTLCSS",
9493
"ruleset",
9594
"sassrc",
9695
"screenreaders",
@@ -129,7 +128,6 @@
129128
".cspell.json",
130129
"dist/",
131130
"*.min.*",
132-
"**/*rtl*",
133131
"**/tests/**"
134132
],
135133
"useGitignore": true

‎scss/tests/mixins/_utilities.test.scss‎

Lines changed: 0 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -293,27 +293,6 @@ $true-terminal-output: false;
293293
// }
294294
// }
295295

296-
// @include describe("rtl") {
297-
// @include it("sets up RTLCSS for removal when false") {
298-
// @include test-generate-utility(
299-
// (
300-
// property: padding,
301-
// values: 1rem,
302-
// rtl: false
303-
// )
304-
// ) {
305-
// /* rtl:begin:remove */
306-
307-
// .padding-1rem {
308-
// padding: 1rem;
309-
// }
310-
311-
// /* rtl:end:remove */
312-
313-
// }
314-
// }
315-
// }
316-
317296
// @include describe("rfs") {
318297
// @include it("sets the fluid value when not inside media query") {
319298
// @include test-generate-utility(

‎site/src/assets/examples/carousel/carousel.css‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -36,12 +36,9 @@ body {
3636
margin-bottom: 1.5rem;
3737
text-align: center;
3838
}
39-
/* rtl:begin:ignore */
4039
.marketing .lg\:col-4 p {
41-
margin-right: .75rem;
42-
margin-left: .75rem;
40+
margin-inline: .75rem;
4341
}
44-
/* rtl:end:ignore */
4542

4643

4744
/* Featurettes
@@ -52,13 +49,10 @@ body {
5249
}
5350

5451
/* Thin out the marketing headings */
55-
/* rtl:begin:remove */
5652
.featurette-heading {
5753
letter-spacing: -.05rem;
5854
}
5955

60-
/* rtl:end:remove */
61-
6256
/* RESPONSIVE CSS
6357
-------------------------------------------------- */
6458

‎site/src/assets/examples/cheatsheet/cheatsheet.css‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -61,15 +61,11 @@ body {
6161
line-height: 0;
6262
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
6363
transition: transform .35s ease;
64-
65-
/* rtl:raw:
66-
transform: rotate(180deg) translateX(-2px);
67-
*/
6864
transform-origin: .5em 50%;
6965
}
7066

7167
.bd-aside .btn[aria-expanded="true"]::before {
72-
transform: rotate(90deg)/* rtl:ignore */;
68+
transform: rotate(90deg);
7369
}
7470

7571

@@ -99,10 +95,8 @@ body {
9995
.bd-header {
10096
position: fixed;
10197
top: 0;
102-
/* rtl:begin:ignore */
10398
right: 0;
10499
left: 0;
105-
/* rtl:end:ignore */
106100
z-index: 1030;
107101
grid-column: 1 / span 3;
108102
}
@@ -138,12 +132,10 @@ body {
138132

139133
.bd-cheatsheet section > h2::before {
140134
position: absolute;
141-
/* rtl:begin:ignore */
142135
top: 0;
143136
right: 0;
144137
bottom: -2rem;
145138
left: 0;
146-
/* rtl:end:ignore */
147139
z-index: -1;
148140
content: "";
149141
}

‎site/src/content/docs/customize/rtl.mdx‎

Lines changed: 2 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -67,47 +67,6 @@ Toggle between LTR and RTL on this page to see Bootstrap's logical properties in
6767
`}
6868
</script>
6969

70-
### Starter template
71-
72-
Here's a modified RTL starter template:
73-
74-
```html
75-
<!doctype html>
76-
<html lang="ar" dir="rtl">
77-
<head>
78-
<!-- Required meta tags -->
79-
<meta charset="utf-8">
80-
<meta name="viewport" content="width=device-width, initial-scale=1">
81-
82-
<!-- Bootstrap CSS -->
83-
<link rel="stylesheet" href="[[config:cdn.css]]" integrity="[[config:cdn.css_hash]]" crossorigin="anonymous">
84-
85-
<title>مرحبًا بالعالم!</title>
86-
</head>
87-
<body>
88-
<h1>مرحبًا بالعالم!</h1>
89-
90-
<!-- Optional JavaScript; choose one of the two! -->
91-
92-
<!-- Option 1: Bootstrap Bundle with Floating UI and Vanilla Calendar Pro -->
93-
<script type="module" src="[[config:cdn.js_bundle]]" integrity="[[config:cdn.js_bundle_hash]]" crossorigin="anonymous"></script>
94-
95-
<!-- Option 2: Separate Floating UI, Vanilla Calendar Pro, and Bootstrap JS via import map -->
96-
<!--
97-
<script type="importmap">
98-
{
99-
"imports": {
100-
"@floating-ui/dom": "[[config:cdn.floating_ui_esm]]",
101-
"vanilla-calendar-pro": "[[config:cdn.vanilla_calendar_pro_esm]]"
102-
}
103-
}
104-
</script>
105-
<script type="module" src="[[config:cdn.js]]" integrity="[[config:cdn.js_hash]]" crossorigin="anonymous"></script>
106-
-->
107-
</body>
108-
</html>
109-
```
110-
11170
## Switching directions
11271

11372
**Need both LTR and RTL on the same page?** Wrap your content in containers with different `dir` attributes:
@@ -124,14 +83,12 @@ Here's a modified RTL starter template:
12483
<body>
12584
<!-- LTR content -->
12685
<div dir="ltr" lang="en">
127-
<h1>This is left-to-right text</h1>
128-
<p>Content flows from left to right.</p>
86+
<!-- … -->
12987
</div>
13088

13189
<!-- RTL content -->
13290
<div dir="rtl" lang="ar">
133-
<h1>هذا نص من اليمين إلى اليسار</h1>
134-
<p>المحتوى يتدفق من اليمين إلى اليسار.</p>
91+
<!-- … -->
13592
</div>
13693
</body>
13794
</html>

‎site/src/content/docs/utilities/api.mdx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,6 @@ The `$utilities` map contains all our utilities and is later merged with your cu
2323
| [`responsive`](#responsive) | Optional | `false` | Boolean indicating if responsive classes should be generated. |
2424
| [`important`](#importance) | Optional | `false` | Boolean indicating if `!important` should be added to the utility's CSS rules. |
2525
| [`print`](#print) | Optional | `false` | Boolean indicating if print classes need to be generated. |
26-
| `rtl` | Optional | `true` | Boolean indicating if utility should be kept in RTL. |
2726
</BsTable>
2827

2928
## API explained

‎site/src/content/docs/utilities/text-wrapping.mdx‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,6 @@ Prevent long strings of text from breaking your components' layout by using `.te
3434

3535
<Example code={`<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>`} />
3636

37-
<Callout type="warning">
38-
Note that [breaking words isn't possible in Arabic](https://rtlstyling.com/posts/rtl-styling#3.-line-break), which is the most used RTL language. Therefore `.text-break` is removed from our RTL compiled CSS.
39-
</Callout>
40-
4137
## CSS
4238

4339
### Sass utilities API
@@ -57,6 +53,5 @@ Text wrapping utilities are declared in our utilities API in `scss/_utilities.sc
5753
property: word-wrap word-break,
5854
class: text,
5955
values: (break: break-word),
60-
rtl: false
6156
),
6257
```

‎site/src/content/docs/utilities/word-break.mdx‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,6 @@ Prevent long strings of text from breaking your components' layout by using `.te
1010

1111
<Example code={`<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>`} />
1212

13-
<Callout type="warning">
14-
Note that [breaking words isn't possible in Arabic](https://rtlstyling.com/posts/rtl-styling#3.-line-break), which is the most used RTL language. Therefore `.text-break` is removed from our RTL compiled CSS.
15-
</Callout>
16-
1713
## CSS
1814

1915
### Sass utilities API

0 commit comments

Comments
 (0)