|
200 | 200 |
|
201 | 201 | @mixin animate($type: 'fade-in', $time: 1s, $delay: 0s) { |
202 | 202 | @if $type == 'fade-in' { |
203 | | - @extend .animate--fade-in; |
| 203 | + @extend %animate--fade-in; |
204 | 204 | animation-duration: $time; |
205 | 205 | animation-delay: $delay; |
206 | 206 | } |
207 | 207 | @if $type == 'fade-out' { |
208 | | - @extend .animate--fade-out; |
| 208 | + @extend %animate--fade-out; |
209 | 209 | animation-duration: $time; |
210 | 210 | animation-delay: $delay; |
211 | 211 | } |
212 | 212 | @if $type == 'fsb' { |
213 | | - @extend .animate--fade-and-slide-in-from-bottom; |
| 213 | + @extend %animate--fade-and-slide-in-from-bottom; |
214 | 214 | animation-duration: $time; |
215 | 215 | animation-delay: $delay; |
216 | 216 | } |
217 | 217 | @if $type == 'fsbr' { |
218 | | - @extend .animate--fsbr; |
| 218 | + @extend %animate--fsbr; |
219 | 219 | animation-duration: $time; |
220 | 220 | animation-delay: $delay; |
221 | 221 | } |
|
0 commit comments