chondric/css/transitions/slideleft.css

ChondricJS App Framework

.chondric-page.next.slideleft {
    display: block;
}

.chondric-page.prev.slideleft {
    display: block;
}


.chondric-page.slideleft .body {
    @include transition( transform 0.3s ease-in-out);
}

.chondric-page.next.slideleft .body {
    display: block;
   @include transform( translate(100%, 0));
}

.chondric-page.prev.slideleft .body {
    display: block;
   @include transform( translate(-100%, 0));
}