Sha256: 3cd36be5a29ca9135037404acb5bdc9b4f67b5e0aecf5a94e9179899c11bbff3
Contents?: true
Size: 609 Bytes
Versions: 8
Compression:
Stored size: 609 Bytes
Contents
/// Creates a fading animation.
/// @param {Number} $from [0] - Opacity to start at.
/// @param {Number} $to [1] - Opacity to end at.
/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
@function fade(
$from: 0,
$to: 1
) {
$type: type-of($from);
$keyframes: ();
@if $type == 'string' {
@if $from == in {
$from: 0;
$to: 1;
} @else if $from == out {
$from: 1;
$to: 0;
}
}
$keyframes: (
name: -mui-string-safe('fade-#{$from}-to-#{$to}'),
0: (opacity: $from),
100: (opacity: $to),
);
@return $keyframes;
}
Version data entries
8 entries across 8 versions & 2 rubygems