mirror of
https://github.com/codeninjasuk/showcase.git
synced 2024-11-25 08:58:03 -05:00
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;
|
||
|
|
}
|
||
|
|
}
|