@include b(swipe-cell) {
  position: relative;
  overflow: hidden;
  &-wrapper {
    @include border($position: before, $top: 0, $left: 0);
    @include border($position: after, $bottom: 0, $left: 0);

    position: relative;
    transition: $transition-time;
  }
  &-left,
  &-right {
    @include child-center();

    z-index: 2;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: $primary-color;
    color: white;
    cursor: pointer;
    &:active {
      border-color: darken($primary-color,10);
      background-color: darken($primary-color,10);
    }
  }
  &-left {
    left: 0;
    transform: translate3d(-100%,0,0);
  }
  &-right {
    right: 0;
    transform: translate3d(100%,0,0);
  }
}