@mixin corridorEffectAnimation($color, $state) {
  &:after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -300px;
    z-index: 1;
    width: 250px;
    content: " ";
    background-color: $color;
    border-radius: 2px;
    transition: all 1100ms ease-in;
    transform: translate(0, 0);
    -webkit-transition: all 1100ms ease-in;
    -moz-transition: all 1100ms ease-in;
  }
  &#{$state}:not([disabled]) {
    &:after {
      transform: translate(100%, 0);
    }
  }
}