Contents

/// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller.
/// @param {Number} $from [1.5] - Size to start at.
/// @param {Number} $to [1] - Size to end at.
@function zoom(
  $from: 0,
  $to: 1
) {
  $keyframes: (
    name: 'scale-#{$to}-to-#{$from}',
    0: (transform: scale($from)),
    100: (transform: scale($to)),
  );

  @return $keyframes;
}

Version data entries

22 entries across 22 versions & 4 rubygems

Version	Path
foundation-rails-6.2.0.1	vendor/assets/scss/motion-ui/effects/_zoom.scss
foundation-rails-6.2.0.0	vendor/assets/scss/motion-ui/effects/_zoom.scss