diff --git a/addons/website/static/src/scss/bootstrap_overridden.scss b/addons/website/static/src/scss/bootstrap_overridden.scss index fe262fca0bc..b381b3e446b 100644 --- a/addons/website/static/src/scss/bootstrap_overridden.scss +++ b/addons/website/static/src/scss/bootstrap_overridden.scss @@ -331,6 +331,7 @@ $modal-footer-border-width: 0 !default; // HR Separator $hr-color: $border-color !default; +$hr-opacity: 1 !default; // Pagination diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 1069573d115..08219276865 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -412,13 +412,9 @@ hr { // Safari 16.5 is known to crash when using that to set the color property. border-top: $hr-height solid $hr-color; color: inherit; - // FIXME before the commit that introduced this background-color the color - // of HR was the superposition of: - // - background-color = currentColor = see below - // - color = $hr-color = transparent mix of currentColor - // => So a transparent version of the inherited color, on top of itself - // => This line makes it so this stays the same for now. - background-color: $hr-color; + // Bootstrap sets up a "background-color" on the hr tag. As we may use a + // transparent color as $hr-color, we do not want that. + background-color: transparent; } h2 { diff --git a/addons/website/static/src/snippets/s_hr/000.scss b/addons/website/static/src/snippets/s_hr/000.scss index fe9e510fa29..9778c04b7f9 100644 --- a/addons/website/static/src/snippets/s_hr/000.scss +++ b/addons/website/static/src/snippets/s_hr/000.scss @@ -9,9 +9,8 @@ border: 0; border-top: 1px solid $border-color; margin: 0; - // As BS5 added "opacity" and "background-color" on hr tag, we remove - // that here to let users set the color as they want. + // Bootstrap sets a configurable "opacity" on hr tag, we remove that + // here to let users set the color as they want. opacity: 1; - background-color: transparent; } }