mirror of
https://github.com/kidoman/embd
synced 2025-02-11 13:13:18 +01:00
20 lines
332 B
SCSS
20 lines
332 B
SCSS
|
// Fade Mixin
|
||
|
|
|
||
|
|
$fade-duration: .6s;
|
||
|
|
|
||
|
|
@mixin fade($direction: out, $duration: $fade-duration) {
|
||
|
|
|
||
|
|
@if $direction != out {
|
||
|
|
visibility: visible;
|
||
|
|
@include opacity(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
@else {
|
||
|
|
visibility: hidden;
|
||
|
|
@include opacity(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
@include transition-property(opacity);
|
||
|
|
@include transition-duration($fade-duration);
|
||
|
|
|
||
|
|
}
|