123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- @mixin hover {
- // TODO: re-enable along with mq4-hover-shim
- // @if $enable-hover-media-query {
- // // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover
- // // Currently shimmed by https://github.com/twbs/mq4-hover-shim
- // @media (hover: hover) {
- // &:hover { @content }
- // }
- // }
- // @else {
- &:hover { @content }
- // }
- }
- @mixin hover-focus {
- @if $enable-hover-media-query {
- &:focus { @content }
- @include hover { @content }
- }
- @else {
- &:focus,
- &:hover {
- @content
- }
- }
- }
- @mixin plain-hover-focus {
- @if $enable-hover-media-query {
- &,
- &:focus {
- @content
- }
- @include hover { @content }
- }
- @else {
- &,
- &:focus,
- &:hover {
- @content
- }
- }
- }
- @mixin hover-focus-active {
- @if $enable-hover-media-query {
- &:focus,
- &:active {
- @content
- }
- @include hover { @content }
- }
- @else {
- &:focus,
- &:active,
- &:hover {
- @content
- }
- }
- }
|