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

Version Path
foundation-rails-6.9.0.0 vendor/assets/scss/motion-ui/effects/_fade.scss
foundation-rails-6.6.2.0 vendor/assets/scss/motion-ui/effects/_fade.scss
bedrock_sass-0.2.2 assets/_vendor/motion-ui/effects/_fade.scss
foundation-rails-6.6.1.0 vendor/assets/scss/motion-ui/effects/_fade.scss
foundation-rails-6.5.3.0 vendor/assets/scss/motion-ui/effects/_fade.scss
bedrock_sass-0.2.1 assets/_vendor/motion-ui/effects/_fade.scss
foundation-rails-6.5.1.0 vendor/assets/scss/motion-ui/effects/_fade.scss
bedrock_sass-0.2.0 assets/_vendor/motion-ui/effects/_fade.scss