cycat-project-website/_sass/bootstrap/mixins/_hover.scss

38 lines
757 B
SCSS
Raw Normal View History

2018-12-09 08:21:01 +01:00
// Hover mixin and `$enable-hover-media-query` are deprecated.
//
2020-08-23 12:01:06 +02:00
// Originally added during our alphas and maintained during betas, this mixin was
// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
2018-12-09 08:21:01 +01:00
// would persist after initial touch.
//
// For backward compatibility, we've kept these mixins and updated them to
2020-08-23 12:01:06 +02:00
// always return their regular pseudo-classes instead of a shimmed media query.
2018-12-09 08:21:01 +01:00
//
// Issue: https://github.com/twbs/bootstrap/issues/25195
2020-08-23 12:01:06 +02:00
@mixin hover() {
2018-12-09 08:21:01 +01:00
&:hover { @content; }
}
2020-08-23 12:01:06 +02:00
@mixin hover-focus() {
2018-12-09 08:21:01 +01:00
&:hover,
&:focus {
@content;
}
}
2020-08-23 12:01:06 +02:00
@mixin plain-hover-focus() {
2018-12-09 08:21:01 +01:00
&,
&:hover,
&:focus {
@content;
}
}
2020-08-23 12:01:06 +02:00
@mixin hover-focus-active() {
2018-12-09 08:21:01 +01:00
&:hover,
&:focus,
&:active {
@content;
}
}