Skip to content

Commit

Permalink
docs: use dedicated classes for queue in mui-series examples
Browse files Browse the repository at this point in the history
  • Loading branch information
ncoden committed May 8, 2018
1 parent 4e6b789 commit 36c77bb
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions docs/src/animations.md
Original file line number Diff line number Diff line change
Expand Up @@ -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); }
}
```

Expand All @@ -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); }
}
```

Expand Down

0 comments on commit 36c77bb

Please sign in to comment.