Allow to change `.table-striped` `odd` or `even` (#25333)

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 0e3b1198e3dcd2adb9f5a2dc877ac36ace72b147..9e88743cf7ae265e7acf5981c605df9466f81994 100644 (file)
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -68,7 +68,7 @@
 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
 
 .table-striped {
-  tbody tr:nth-of-type(odd) {
+  tbody tr:nth-of-type(#{$table-striped-order}) {
     background-color: $table-accent-bg;
   }
 }

diff --git a/scss/_variables.scss b/scss/_variables.scss
index be580deb334db623fe68d885df0823f6df945b87..92a164c60f3ef0c3871ca5be03bfe8d7e682299e 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -317,6 +317,8 @@ $table-dark-hover-bg:         rgba($white, .075) !default;
 $table-dark-border-color:     lighten($gray-900, 7.5%) !default;
 $table-dark-color:            $body-bg !default;
 
+$table-striped-order:         odd !default;
+
 
 // Buttons + Forms
 //