@mixin fx-slide-right($namespace: emb) {
  ##{$namespace} .slideright.in {
    -webkit-animation-name: slideRightIn;
  }

  ##{$namespace} .slideright.out {
    -webkit-animation-name: slideRightOut;
  }

  @-webkit-keyframes slideRightIn {
    0% {
      -webkit-transform: translateX(-100%);
    }

    100% {
      -webkit-transform: translateX(0);
    }
  }

  @-webkit-keyframes slideRightOut {
    0% {
      -webkit-transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(100%);
    }
  }
}
