1// Fade Mixin
2
3$fade-duration: .6s;
4
5@mixin fade($direction: out, $duration: $fade-duration) {
6
7  @if $direction != out {
8    visibility: visible;
9    @include opacity(1);
10  }
11
12  @else {
13    visibility: hidden;
14    @include opacity(0);
15  }
16
17  @include transition-property(opacity);
18  @include transition-duration($fade-duration);
19
20}