Mercurial > nebulaweb3
comparison default/assets/scss/vendors/bootstrap/mixins/_hover.scss @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1d038bc9b3d2 |
---|---|
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 } |