$state: ( In: 0, Out: -100% );
$direction: ( t: Y, r: X, b: Y, l: X );

.slide {
    @each $key, $value in $state {
        &#{$key}\: {
            @each $side, $axis in $direction {
                &#{$side} {
                    transform: translate#{$axis}($value);
                }
            }
        }
    }
}