1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- @mixin hover {
- @if $enable-hover-media-query {
- // See Media Queries Level 4: http://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
- }
- }
- }
|