Sha256: 527d203e1aa34af89d814cdb04a467c426bcb29345cacc94d4b0a9983fbb0c92

Contents?: true

Size: 504 Bytes

Versions: 8

Compression:

Stored size: 504 Bytes

Contents

/// Creates a wiggling animation.
/// @param {Number} $intensity [7deg] - Intensity of the wiggle. Can be any CSS angle unit.
/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
@function wiggle($intensity: 7deg) {
  $keyframes: (
    name: -mui-string-safe('wiggle-#{$intensity}'),
    (40, 50, 60): (transform: rotate($intensity)),
    (35, 45, 55, 65): (transform: rotate(-$intensity)),
    (0, 30, 70, 100): (transform: rotate(0)),
  );

  @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/_wiggle.scss
foundation-rails-6.6.2.0 vendor/assets/scss/motion-ui/effects/_wiggle.scss
bedrock_sass-0.2.2 assets/_vendor/motion-ui/effects/_wiggle.scss
foundation-rails-6.6.1.0 vendor/assets/scss/motion-ui/effects/_wiggle.scss
foundation-rails-6.5.3.0 vendor/assets/scss/motion-ui/effects/_wiggle.scss
bedrock_sass-0.2.1 assets/_vendor/motion-ui/effects/_wiggle.scss
foundation-rails-6.5.1.0 vendor/assets/scss/motion-ui/effects/_wiggle.scss
bedrock_sass-0.2.0 assets/_vendor/motion-ui/effects/_wiggle.scss