Bootstrap 5: Fix table striping background colour

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index d3b6868a44fe527d8603809c7a43502049311f15..8ab10773b8c4c0530212c7d8e1b932cfdfbc079b 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1447,13 +1447,6 @@ dl.dl-inline {
   }
 }
 
-/* Customise the background colour of striped tables */
-
-.table-striped > tbody > tr:nth-child(2n+1) > td,
-.table-striped > tbody > tr:nth-child(2n+1) > th {
-   background-color: $offwhite;
-}
-
 /* Rules for OpenID logo */
 
 .openid_logo {

diff --git a/app/assets/stylesheets/parameters.scss b/app/assets/stylesheets/parameters.scss
index 31e7edce5379b7ece349f469becf4198226dfd12..4b5daf4d01d8cd91bd6adf56fd778265e8bcec5e 100644 (file)
--- a/app/assets/stylesheets/parameters.scss
+++ b/app/assets/stylesheets/parameters.scss
@@ -23,4 +23,6 @@ $link-hover-color: #24d;
 $link-decoration: none;
 $link-hover-decoration: underline;
 
+$table-striped-bg: $offwhite;
+
 $enable-negative-margins: true;