Revert "Placeholder for transitions reset to prevent code duplication #29862"

This reverts commit cd7e5d111102e4422858aa6f255dc243b4cca1ca.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index e05b541fd4fddec8d740fca7bf84458968ea198d..e6be84e40f1a20becfd8b62d74254e3c659d1d22 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -583,14 +583,3 @@ main {
 [hidden] {
   display: none !important;
 }
-
-// Placeholder used to reset transitions, when user prefers reduced motion
-
-@if $enable-prefers-reduced-motion-media-query {
-  @media (prefers-reduced-motion: reduce) {
-    %no-transition {
-      // stylelint-disable-next-line property-blacklist
-      transition: none !important;
-    }
-  }
-}

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 8c62328378e9d49328d600d2edca02b98d057bd3..7ad08dc825e467afb8aa115429e3b4e12e46a3e7 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -212,14 +212,6 @@ $escaped-characters: (
   (")","%29"),
 ) !default;
 
-// Selectors which are isolated in the transition mixin to prevent invalid selector stack
-$pseudo-vendor-prefixes: (
-  "::-webkit-",
-  "::-moz-",
-  "::-ms-"
-) !default;
-
-
 // Options
 //
 // Quickly modify global styling by enabling or disabling optional features.

diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss
index 43843e3f243d3ae147aab2fe9dedca1123b41566..8ce35a6b836cb212af9cc5045796fcc0adce419b 100644 (file)
--- a/scss/mixins/_transition.scss
+++ b/scss/mixins/_transition.scss
@@ -9,19 +9,8 @@
   }
 
   @if $enable-prefers-reduced-motion-media-query {
-    $isolate: false;
-    @each $selector in $pseudo-vendor-prefixes {
-      @if str-index(quote(#{&}), $selector) {
-        $isolate: true;
-      }
-    }
-
-    @if $isolate {
-      @media (prefers-reduced-motion: reduce) {
-        transition: none;
-      }
-    } @else {
-      @extend %no-transition;
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
     }
   }
 }

diff --git a/site/assets/scss/docs.scss b/site/assets/scss/docs.scss
index 67e8413bd08ca12f582c4de122f16e70c6bc496e..53622b9c2c83491db6f070a64ad1739bd21485fd 100644 (file)
--- a/site/assets/scss/docs.scss
+++ b/site/assets/scss/docs.scss
@@ -51,12 +51,3 @@
 @import "syntax";
 @import "anchor";
 @import "algolia";
-
-@if $enable-prefers-reduced-motion-media-query {
-  @media (prefers-reduced-motion: reduce) {
-    %no-transition {
-      // stylelint-disable-next-line property-blacklist, declaration-no-important
-      transition: none !important;
-    }
-  }
-}

diff --git a/site/content/docs/4.3/migration.md b/site/content/docs/4.3/migration.md
index 6517b664d31dc5c0ef57323494da110334cc65ea..4a5d43ede5b3b7fc83b2d4f1fec237e0cb32296f 100644 (file)
--- a/site/content/docs/4.3/migration.md
+++ b/site/content/docs/4.3/migration.md
@@ -41,7 +41,6 @@ Changes to our source Sass files and compiled CSS.
 - Line heights are dropped from several components to simplify our codebase. The `button-size()` and `pagination-size()` do not accept line height parameters anymore. [See #29271](https://github.com/twbs/bootstrap/pull/29271)
 - The `button-variant()` mixin now accepts 3 optional color parameters, for each button state, to override the color provided by `color-yiq()`. By default, these parameters will find which color provides more contrast against the button state's background color with `color-yiq()`.
 - The `button-outline-variant()` mixin now accepts an additional argument, `$active-color`, for setting the button's active state text color. By default, this parameter will find which color provides more contrast against the button's active background color with `color-yiq()`.
-- The `transition()` mixin now extends `%no-transition` placeholder to handle `prefers-reduced-motion` media query-except vendor prefixes listed in new `$pseudo-vendor-prefixes` variable. [See #29870](https://github.com/twbs/bootstrap/pull/29870/)
 
 ## JavaScript