mahaplatform/reframe

.reframe-stack-card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  background-color: @white;
  transition: transform .5s ease-in-out 0s;
  &:after {
    transition: opacity .5s ease-in-out 0s;
    background-color: @black;
    .opacity(0);
    content: " ";
  }
  &.active {
    .translateX(0);
  }
  &.mounting {
    .translateX(100%);
  }
  &.covered {
    .translateX(-25%);
    &:after {
      .opacity(.2);
    }
  }
  &.covered, &.covering {
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
}