/*!
 * Waltz - Enterprise Architecture
 * Copyright (C) 2016, 2017, 2018, 2019 Waltz open source project
 * See README.md for more information
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific
 *
 */

$animation-speed: 0.3s;

.animate-if.ng-enter, .animate-if.ng-leave {
  -webkit-transition: $animation-speed linear all;
  -moz-transition: $animation-speed linear all;
  -ms-transition: $animation-speed linear all;
  -o-transition: $animation-speed linear all;
  transition: $animation-speed linear all;
}

.animate-if.ng-enter {
  max-height: 0;
  opacity: 0;
}

.animate-if.ng-enter.ng-enter-active {
  max-height: 999px;
  opacity:0;
}

.animate-if.ng-leave {
  max-height: 999px;
  opacity:0;
}

.animate-if.ng-leave.ng-leave-active {
  max-height: 0;
  opacity:0;
}



.waltz-highlight-if.ng-enter {
    -webkit-transition: background-color linear $animation-speed * 2;
    -moz-transition: background-color linear $animation-speed * 2;
    -ms-transition: background-color linear $animation-speed * 2;
    -o-transition: background-color linear $animation-speed * 2;
    transition: background-color linear $animation-speed * 2;
}


.waltz-highlight-if.ng-enter,
.waltz-highlight-if.ng-leave.ng-leave-active {
    background-color: #fff9dc;
}

.waltz-highlight-if.ng-leave,
.waltz-highlight-if.ng-enter.ng-enter-active {
    background-color: #fff;
}

.waltz-fade-if.ng-enter {
    -webkit-transition: opacity ease-in-out $animation-speed;
    -moz-transition: opacity ease-in-out $animation-speed;
    -ms-transition: opacity ease-in-out $animation-speed;
    -o-transition: opacity ease-in-out $animation-speed;
    transition: opacity ease-in-out $animation-speed;
}

.waltz-fade-if.ng-enter,
.waltz-fade-if.ng-leave.ng-leave-active {
    opacity: 0;
}

.waltz-fade-if.ng-leave,
.waltz-fade-if.ng-enter.ng-enter-active {
    opacity: 1;
}

.waltz-animate-repeat.ng-move,
.waltz-animate-repeat.ng-enter,
.waltz-animate-repeat.ng-leave {
    transition:all ease $animation-speed;
}

.waltz-animate-repeat.ng-leave.ng-leave-active,
.waltz-animate-repeat.ng-move,
.waltz-animate-repeat.ng-enter {
    opacity:0;
}

.waltz-animate-repeat.ng-leave,
.waltz-animate-repeat.ng-move.ng-move-active,
.waltz-animate-repeat.ng-enter.ng-enter-active {
    opacity:1;
}


.waltz-flash-repeat.ng-move,
.waltz-flash-repeat.ng-enter,
.waltz-flash-repeat.ng-leave {
    transition:all ease $animation-speed;
}

.waltz-flash-repeat.ng-leave.ng-leave-active,
.waltz-flash-repeat.ng-move,
.waltz-flash-repeat.ng-enter {
    opacity:0;
    background-color: inherit;
}

.waltz-flash-repeat.ng-leave,
.waltz-flash-repeat.ng-move.ng-move-active,
.waltz-flash-repeat.ng-enter.ng-enter-active {
    opacity:1;
    background-color: #e0ffdc;
}