Sha256: 5d33c588a360ca030dad8cd5336a09b761a7c5ccd18198d086ef65490946496a

Contents?: true

Size: 470 Bytes

Versions: 11

Compression:

Stored size: 470 Bytes

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} $from [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

11 entries across 11 versions & 2 rubygems

Version Path
locomotivecms_wagon-2.4.0.rc2 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.4.0.rc1 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.3.0 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.3.0.rc1 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.2.0 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.2.0.rc3 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.2.0.rc2 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
locomotivecms_wagon-2.2.0.rc1 generators/foundation/public/stylesheets/foundation6/motion-ui/effects/_zoom.scss
foundation-rails-6.1.2.0 vendor/assets/scss/motion-ui/effects/_zoom.scss
foundation-rails-6.1.1.3 vendor/assets/scss/motion-ui/effects/_zoom.scss
foundation-rails-6.1.1.2 vendor/assets/scss/motion-ui/effects/_zoom.scss