feat(RTL): support RTL mode (#4597)

* chore: 增加 rtl 样式库

* chore: 增加忽略文件

* doc: 代码格式化

* style: 代码块增加 ltr 样式

* style: 更新组件 margin 样式支持 rtl

* style: 网站样式支持 rtl

* refactor: 兼容 rtl 模式

* style: 表格样式兼容 rtl

* chore: 增加 rtl 样式表

* style: 更新分页组件 rtl 样式

* chore: bump version 9.0.0-rc.2.11.2.0

* style: 更新样式

Author: ArgoZhang

.gitignore

@@ -374,11 +374,10 @@ src/**/wwwroot/**/uploader
 **/package-lock.json
 
 # sass
-**/BootstrapBlazor/wwwroot/scss/theme/*.css
-**/BootstrapBlazor/wwwroot/scss/theme/*.css.map
 **/BootstrapBlazor/wwwroot/css/animate.min.css
 **/BootstrapBlazor/wwwroot/css/bootstrapblazor.min.css
 **/BootstrapBlazor/wwwroot/css/bootstrap.min.css
+**/BootstrapBlazor/wwwroot/css/bootstrap.rtl.min.css
 **/BootstrapBlazor/wwwroot/css/sweetalert2.css
 **/BootstrapBlazor/wwwroot/css/motronic.min.css
 **/BootstrapBlazor/wwwroot/css/nano.min.css

src/BootstrapBlazor.Server/Components/Components/BBLogo.razor.css

@@ -4,5 +4,5 @@
     border-radius: var(--bs-border-radius);
     background-color: var(--bb-primary-color);
     border: solid 1px #fff;
-    margin-right: 1rem;
+    margin-inline-end: 1rem;
 }

src/BootstrapBlazor.Server/Components/Components/CalendarCrewDialogBody.razor.css

@@ -21,7 +21,7 @@
         }
 
         .actions > span:not(:last-child) {
-            margin-right: .5rem;
+            margin-inline-end: .5rem;
         }
 
 .crew:not(:last-child) {
@@ -30,6 +30,6 @@
 
 .crew > input {
     max-width: 2rem;
-    margin-right: 1rem;
+    margin-inline-end: 1rem;
     border: none;
 }

src/BootstrapBlazor.Server/Components/Components/ComponentCategory.razor.css

@@ -9,7 +9,7 @@
     .coms-cate ::deep .badge {
         position: absolute;
         top: 0;
-        margin-left: 1rem;
+        margin-inline-start: 1rem;
         font-size: .65rem;
     }
 

src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css

@@ -7,12 +7,11 @@
     }
 
         .card:hover .card-footer-control i {
-            margin-left: -1.5rem;
-            margin-left: -72px;
+            margin-inline-start: -72px;
         }
 
         .card:hover .card-footer-control .card-text {
-            margin-left: 1rem;
+            margin-inline-start: 1rem;
         }
 
             .card:hover .card-footer-control .card-text:before {
@@ -67,7 +66,7 @@
     }
 
     .card-footer-control .card-text {
-        margin-left: 1.5rem;
+        margin-inline-start: 1.5rem;
         position: absolute;
         transition: all .3s linear;
     }

src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css

@@ -110,7 +110,7 @@
 
 .search-dialog-menu {
     flex-basis: 240px;
-    margin-left: 0.5rem;
+    margin-inline-start: 0.5rem;
     padding: .5rem .25rem;
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
@@ -170,7 +170,7 @@
             --bs-badge-border-radius: 50%;
             position: absolute;
             top: 4px;
-            margin-left: 4px;
+            margin-inline-start: 4px;
         }
 
         .search-dialog-list .search-dialog-item .search-dialog-item-sub {
@@ -222,7 +222,7 @@
         --bb-global-search-left: 20px;
         --bb-global-search-right: 20px;
         margin-bottom: 0;
-        margin-right: .5rem;
+        margin-inline-end: .5rem;
     }
 
     .search-dialog {

src/BootstrapBlazor.Server/Components/Components/Header.razor.css

@@ -18,7 +18,7 @@
     display: flex;
     align-items: center;
     padding: 0;
-    margin-right: 0;
+    margin-inline-end: 0;
 }
 
 ::deep .btn-fs {

src/BootstrapBlazor.Server/Components/Components/Pre.razor.css

@@ -3,6 +3,7 @@
     border: 1px solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     overflow: hidden;
+    direction: ltr;
 }
 
     .pre-code:not(:last-child) {

src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css

@@ -26,7 +26,7 @@
 
     ::deep .btn-update img {
         width: 55%;
-        margin-left: 2px;
+        margin-inline-start: 2px;
     }
 
 ::deep .btn-chat {

src/BootstrapBlazor.Server/Components/Layout/ComponentLayout.razor.css

@@ -7,7 +7,7 @@
 }
 
 .bb-theme-label {
-    margin-right: 1rem;
+    margin-inline-end: 1rem;
     white-space: nowrap;
 }