src/scss/bootstrap-4.0.0-alpha.6/scss/mixins/_hover.scss

   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     &: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 }