Sha256: ee1d9e1dba0e00454607c44e20dadd58c00287d592ac6a10bba117719171e46d
Contents?: true
Size: 916 Bytes
Versions: 33
Compression:
Stored size: 916 Bytes
Contents
/// Creates a fade transition by adjusting the opacity of the element.
/// @param {Keyword} $state [in] - State to transition to.
/// @param {Number} $from [0] - Opacity to start at. Must be a number between 0 and 1.
/// @param {Number} $to [1] - Opacity to end on.
/// @param {Keyword} $duration [null] - Length (speed) of the transition.
/// @param {Keyword|Function} $timing [null] - Easing of the transition.
/// @param {Duration} $delay [null] - Delay in seconds or milliseconds before the transition starts.
@mixin mui-fade(
$state: in,
$from: 0,
$to: 1,
$duration: null,
$timing: null,
$delay: null
) {
$fade: fade($from, $to);
@include transition-start($state) {
@include transition-basics($duration, $timing, $delay);
@include -mui-keyframe-get($fade, 0);
transition-property: opacity;
}
@include transition-end($state) {
@include -mui-keyframe-get($fade, 100);
}
}
Version data entries
33 entries across 33 versions & 4 rubygems