0
|
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 // scss-lint:disable Indentation
|
|
12 &:hover { @content }
|
|
13 // scss-lint:enable Indentation
|
|
14 // }
|
|
15 }
|
|
16
|
|
17
|
|
18 @mixin hover-focus {
|
|
19 @if $enable-hover-media-query {
|
|
20 &:focus { @content }
|
|
21 @include hover { @content }
|
|
22 } @else {
|
|
23 &:focus,
|
|
24 &:hover {
|
|
25 @content
|
|
26 }
|
|
27 }
|
|
28 }
|
|
29
|
|
30 @mixin plain-hover-focus {
|
|
31 @if $enable-hover-media-query {
|
|
32 &,
|
|
33 &:focus {
|
|
34 @content
|
|
35 }
|
|
36 @include hover { @content }
|
|
37 } @else {
|
|
38 &,
|
|
39 &:focus,
|
|
40 &:hover {
|
|
41 @content
|
|
42 }
|
|
43 }
|
|
44 }
|
|
45
|
|
46 @mixin hover-focus-active {
|
|
47 @if $enable-hover-media-query {
|
|
48 &:focus,
|
|
49 &:active {
|
|
50 @content
|
|
51 }
|
|
52 @include hover { @content }
|
|
53 } @else {
|
|
54 &:focus,
|
|
55 &:active,
|
|
56 &:hover {
|
|
57 @content
|
|
58 }
|
|
59 }
|
|
60 }
|