UNPKG

984 BSCSSView Raw
1@mixin hover {
2 // TODO: re-enable along with mq4-hover-shim
3// @if $enable-hover-media-query {
4// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover
5// // Currently shimmed by https://github.com/twbs/mq4-hover-shim
6// @media (hover: hover) {
7// &:hover { @content }
8// }
9// }
10// @else {
11 &:hover { @content }
12// }
13}
14
15@mixin hover-focus {
16 @if $enable-hover-media-query {
17 &:focus { @content }
18 @include hover { @content }
19 }
20 @else {
21 &:focus,
22 &:hover {
23 @content
24 }
25 }
26}
27
28@mixin plain-hover-focus {
29 @if $enable-hover-media-query {
30 &,
31 &:focus {
32 @content
33 }
34 @include hover { @content }
35 }
36 @else {
37 &,
38 &:focus,
39 &:hover {
40 @content
41 }
42 }
43}
44
45@mixin hover-focus-active {
46 @if $enable-hover-media-query {
47 &:focus,
48 &:active {
49 @content
50 }
51 @include hover { @content }
52 }
53 @else {
54 &:focus,
55 &:active,
56 &:hover {
57 @content
58 }
59 }
60}