mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
92cc0aba7b
* Deprecate hover media query shim and mixins Fixes #25195. This never was completed or fully implemented, and the docs are inaccurate as to what browsers are currently affected by this stickied hover problem. This PR aims to update the docs and deprecate the shim from our mixins and only return the pseudo-classes. To reflect the order of these states used elsewhere (e.g., our button styles), I've also updated the order of each within the mixin. * Mention in docs and variables that it's deprecated
40 lines
783 B
SCSS
40 lines
783 B
SCSS
// stylelint-disable indentation
|
|
|
|
// Hover mixin and `$enable-hover-media-query` are deprecated.
|
|
//
|
|
// Origally added during our alphas and maintained during betas, this mixin was
|
|
// designed to prevent `:hover` stickiness on iOS—an issue where hover styles
|
|
// would persist after initial touch.
|
|
//
|
|
// For backward compatibility, we've kept these mixins and updated them to
|
|
// always return their regular psuedo-classes instead of a shimmed media query.
|
|
//
|
|
// Issue: https://github.com/twbs/bootstrap/issues/25195
|
|
|
|
@mixin hover {
|
|
&:hover { @content; }
|
|
}
|
|
|
|
@mixin hover-focus {
|
|
&:hover,
|
|
&:focus {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin plain-hover-focus {
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin hover-focus-active {
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
@content;
|
|
}
|
|
}
|