RTL name-spacing for some files

src/index.html

@@ -93,7 +93,7 @@
             <!-- /.row -->
             <!-- Main row -->
             <div class="row">
-              <!-- Left col -->
+              <!-- Start col -->
               <section class="col-lg-7">
                 <!-- Custom tabs (Charts with tabs)-->
                 <div class="card">
@@ -330,7 +330,7 @@
                 </div>
                 <!--/.direct-chat -->
               </section>
-              <!-- /.Left col -->
+              <!-- /.Start col -->
             </div>
             <!-- /.row (main row) -->
           </div><!-- /.container-fluid -->

src/index2.html

@@ -228,7 +228,7 @@
 
             <!-- Main row -->
             <div class="row">
-              <!-- Left col -->
+              <!-- Start col -->
               <div class="col-md-8">
                 <div class="row">
                   <div class="col-md-6">

src/pages/forms/general.html

@@ -28,7 +28,7 @@
         <div class="content">
           <div class="container-fluid">
             <div class="row g-4">
-              <!-- left column -->
+              <!-- Start column -->
               <div class="col-md-6">
                 <!-- general form elements -->
                 <div class="card card-primary card-outline">

src/partials/dashboard/_footer.html

@@ -1,9 +1,9 @@
 <!-- Main Footer -->
 <footer class="main-footer">
-  <!-- To the right -->
+  <!-- To the end -->
   <div class="float-end d-none d-sm-inline">
     Anything you want
   </div>
-  <!-- Default to the left -->
+  <!-- Default to the start -->
   <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
 </footer>

src/partials/dashboard/_sidenav.html

@@ -17,7 +17,7 @@
             <i class="nav-icon fas fa-circle"></i>
             <p>
               Dashboard
-              <i class="right fas fa-angle-left"></i>
+              <i class="end fas fa-angle-left"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
@@ -46,7 +46,7 @@
             <i class="nav-icon fas fa-circle"></i>
             <p>
               Widgets
-              <span class="right badge bg-danger">New</span>
+              <span class="end badge bg-danger">New</span>
             </p>
           </a>
         </li>
@@ -55,7 +55,7 @@
             <i class="nav-icon fas fa-circle"></i>
             <p>
               Forms
-              <i class="right fas fa-angle-left"></i>
+              <i class="end fas fa-angle-left"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
@@ -72,7 +72,7 @@
             <i class="nav-icon fas fa-circle"></i>
             <p>
               Tables
-              <i class="right fas fa-angle-left"></i>
+              <i class="end fas fa-angle-left"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
@@ -96,7 +96,7 @@
             <i class="nav-icon fas fa-circle"></i>
             <p>
               Level 1
-              <i class="right fas fa-angle-left"></i>
+              <i class="end fas fa-angle-left"></i>
             </p>
           </a>
           <ul class="nav nav-treeview">
@@ -111,7 +111,7 @@
                 <i class="nav-icon far fa-circle"></i>
                 <p>
                   Level 2
-                  <i class="right fas fa-angle-left"></i>
+                  <i class="end fas fa-angle-left"></i>
                 </p>
               </a>
               <ul class="nav nav-treeview">

src/scss/_nav-sidebar.scss

@@ -5,7 +5,7 @@
     > .nav-link {
       margin-bottom: .2rem;
 
-      .right {
+      .end {
         @include transition(transform $lte-transition-fn $lte-transition-speed);
         transform: none #{"/*rtl:rotate(-180deg)*/"};
       }
@@ -13,8 +13,8 @@
   }
 
   // All levels
-  .nav-link > .right,
-  .nav-link > p > .right {
+  .nav-link > .end,
+  .nav-link > p > .end {
     position: absolute;
     right: 1rem;
     top: .7rem;
@@ -57,8 +57,8 @@
   .menu-open,
   .menu-is-opening {
     > .nav-link {
-      svg.right,
-      i.right {
+      svg.end,
+      i.end {
         transform: rotate(-90deg) #{"/*rtl:rotate(-90deg)*/"};
       }
     }