You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
757 B
38 lines
757 B
4 years ago
|
// Hover mixin and `$enable-hover-media-query` are deprecated.
|
||
|
|
//
|
||
|
|
// Originally 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 pseudo-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;
|
||
|
|
}
|
||
|
|
}
|