/*------------------------------------*\
    #MIXINS
\*------------------------------------*/

@import "~bootstrap/scss/mixins";

// pulse

@-webkit-keyframes pulse {
  0%, 80%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
@keyframes pulse {
  0%, 80%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@mixin animation($animation) {
  -webkit-animation: #{$animation};
  -o-animation: #{$animation};
  animation: #{$animation};
}

@mixin animation-delay($delay) {
  -webkit-animation-delay: #{$delay};
  animation-delay: #{$delay};
}
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/

@import "~bootstrap/scss/mixins";

// pulse

@-webkit-keyframes pulse {
  0%, 80%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
@keyframes pulse {
  0%, 80%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@mixin animation($animation) {
  -webkit-animation: #{$animation};
  -o-animation: #{$animation};
  animation: #{$animation};
}

@mixin animation-delay($delay) {
  -webkit-animation-delay: #{$delay};
  animation-delay: #{$delay};
}

// Color contrast
@mixin color-yiq($color) {
  $r: red($color);
  $g: green($color);
  $b: blue($color);

  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;

  @if ($yiq >= 150) {
    color: #111;
  } @else {
    color: #fff;
  }
}
Add mixins that is used in many differen other places
[patch][Mixins] Add mixins that is used in many differen other places
