portal-FE-common/src/styles/bootstrap/mixins/_hover.scss

   1 // stylelint-disable indentation
   2 @mixin hover {
   3   // TODO: re-enable along with mq4-hover-shim
   4 //  @if $enable-hover-media-query {
   5 //    // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover
   6 //    // Currently shimmed by https://github.com/twbs/mq4-hover-shim
   7 //    @media (hover: hover) {
   8 //      &:hover { @content }
   9 //    }
  10 //  }
  11 //  @else {
  12     &:hover { @content; }
  13 //  }
  14 }
  15
  16
  17 @mixin hover-focus {
  18   @if $enable-hover-media-query {
  19     &:focus {
  20       @content;
  21     }
  22     @include hover { @content; }
  23   } @else {
  24     &:focus,
  25     &:hover {
  26       @content;
  27     }
  28   }
  29 }
  30
  31 @mixin plain-hover-focus {
  32   @if $enable-hover-media-query {
  33     &,
  34     &:focus {
  35       @content;
  36     }
  37     @include hover { @content; }
  38   } @else {
  39     &,
  40     &:focus,
  41     &:hover {
  42       @content;
  43     }
  44   }
  45 }
  46
  47 @mixin hover-focus-active {
  48   @if $enable-hover-media-query {
  49     &:focus,
  50     &:active {
  51       @content;
  52     }
  53     @include hover { @content; }
  54   } @else {
  55     &:focus,
  56     &:active,
  57     &:hover {
  58       @content;
  59     }
  60   }
  61 }