diff --git a/docs/src/animations.md b/docs/src/animations.md index 0938783..1c67afa 100644 --- a/docs/src/animations.md +++ b/docs/src/animations.md @@ -85,11 +85,11 @@ Begin your series with the `mui-series()` mixin. Inside this mixin, attach anima ```scss @include mui-series { // 2 second shake - .shake { @include mui-queue(2s, 0s, shake); } + .my-queue-shake { @include mui-queue(2s, 0s, shake); } // 1 second spin with a 2 second pause - .spin { @include mui-queue(1s, 2s, spin); } + .my-queue-spin { @include mui-queue(1s, 2s, spin); } // 1 second zoom and fade - .fade-zoom { @include mui-queue(1s, 0s, fade, zoom); } + .my-queue-fade-zoom { @include mui-queue(1s, 0s, fade, zoom); } } ``` @@ -98,9 +98,9 @@ To add a delay to the start of the queue, add the length in seconds to the `mui- ```scss // 2 second delay before the first shake @include mui-series(2s) { - .shake { @include mui-queue(2s, 0s, shake()); } - .spin { @include mui-queue(1s, 2s, spin()); } - .wiggle { @include mui-queue(wiggle); } + .my-queue-shake { @include mui-queue(2s, 0s, shake()); } + .my-queue-spin { @include mui-queue(1s, 2s, spin()); } + .my-queue-wiggle { @include mui-queue(wiggle); } } ```