1 | @mixin hover {
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
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 | }
|