Menu icon Foundation
How to configure shake amplitude?

How to configure animations? More specifically, i want to reduce shake amplitude while using
class="square linear shake“

I’m trying to use it to get attention to error forms, but current shake amplitude is something like 50 pixels. I want something like 8 or 4 px instead.

Motion UIshake

How to configure animations? More specifically, i want to reduce shake amplitude while using
class="square linear shake“

I’m trying to use it to get attention to error forms, but current shake amplitude is something like 50 pixels. I want something like 8 or 4 px instead.

Rafi Benkual almost 4 years ago

That's interesting - are you using a shake animation on the error message below the form or is an alert? Just interested in the use case for it!

Looking at the docs here: https://github.com/zurb/motion-ui/blob/master/docs/animations.md

It looks like you want to change the shake($intensity)

Sven almost 4 years ago

Yes, precisely, I’m using shake animation with error messages.

But I’m having trouble using these mixins (not really proficient with SASS yet). Writing

.shake {
    @include mui-animation($intensity 7%);
}

Gives me SASS compilation error :(