mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-20 17:54:23 +01:00
Revert "Placeholder for transitions reset to prevent code duplication #29862"
This reverts commit cd7e5d111102e4422858aa6f255dc243b4cca1ca. Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
This commit is contained in:
parent
daf0c438f1
commit
8d791f2800
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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.
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user