﻿.slide-linear-repeat {
    /*line-height:40px;*/ /*list-style:none;*/
    /*box-sizing:border-box;*/
    /*border-bottom: 1px solid white;*/
    -webkit-transition: 0.5s linear all;
    transition:  0.5s linear all;
}

.slide-linear-repeat.ng-move,
.slide-linear-repeat.ng-enter,
.slide-linear-repeat.ng-leave {
    -webkit-transition:all linear 0.25s;
    transition:all linear 0.25s;
}

.slide-linear-repeat.ng-leave.ng-leave-active,
.slide-linear-repeat.ng-move,
.slide-linear-repeat.ng-enter {
    opacity:0;
    max-height:0;
}

.slide-linear-repeat.ng-leave,
.slide-linear-repeat.ng-move.ng-move-active,
.slide-linear-repeat.ng-enter.ng-enter-active {
    opacity:1;
    max-height:40px;
}

/*** Stagger Leave (hide) animation */
.slide-linear-repeat.ng-leave-stagger {
    /* this will have a 100ms delay between each successive leave animation */
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    /* in case the stagger doesn't work then these two values must be set to 0 to avoid an accidental CSS inheritance */
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

/*** Stagger ENTER ANIMATION */
.slide-linear-repeat.ng-enter-stagger {
    /* this will have a 100ms delay between each successive enter animation */
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    /* in case the stagger doesn't work then these two values must be set to 0 to avoid an accidental CSS inheritance */
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}


/* Fade in an out in ng repeat annimation to filter ot add items to a list*/
.fade-repeat.ng-enter {
    -webkit-transition: 0.2s linear all; /* Chrome */
    transition: 0.2s linear all;
    opacity: 0;
}

.fade-repeat.ng-enter-active {
    opacity: 1;
}

.fade-repeat.ng-leave {
    -webkit-transition: 0.05s linear all; /* Chrome */
    transition: 0.05s linear all;
    opacity: 0;
}

.fade-repeat.ng-leave-active {
    opacity: 0;
}
