studio - removes the .is-fleeting class/animation that is handled by backbone's min/max time for notifications
This commit is contained in:
committed by
David Baumgold
parent
02e022ec7b
commit
0fd3bb6079
@@ -92,37 +92,6 @@
|
||||
|
||||
// ====================
|
||||
|
||||
// notifications slide up then down
|
||||
@mixin notificationsSlideUpDown {
|
||||
0%, 100% {
|
||||
@include transform(translateY(0));
|
||||
}
|
||||
|
||||
15%, 85% {
|
||||
@include transform(translateY(-($notification-height)));
|
||||
}
|
||||
|
||||
20%, 80% {
|
||||
@include transform(translateY(-($notification-height*0.99)));
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes notificationsSlideUpDown { @include notificationsSlideUpDown(); }
|
||||
@-webkit-keyframes notificationsSlideUpDown { @include notificationsSlideUpDown(); }
|
||||
@-o-keyframes notificationsSlideUpDown { @include notificationsSlideUpDown(); }
|
||||
@keyframes notificationsSlideUpDown { @include notificationsSlideUpDown();}
|
||||
|
||||
@mixin anim-notificationsSlideUpDown($duration, $timing: ease-in-out, $count: 1, $delay: 0) {
|
||||
@include animation-name(notificationsSlideUpDown);
|
||||
@include animation-duration($duration);
|
||||
@include animation-delay($delay);
|
||||
@include animation-timing-function($timing);
|
||||
@include animation-iteration-count($count);
|
||||
@include animation-fill-mode(both);
|
||||
}
|
||||
|
||||
// ====================
|
||||
|
||||
// bounce in
|
||||
@mixin bounceIn {
|
||||
0% {
|
||||
|
||||
@@ -669,10 +669,6 @@
|
||||
&.is-hiding {
|
||||
@include anim-notificationsSlideDown(0.25s);
|
||||
}
|
||||
|
||||
&.is-fleeting {
|
||||
@include anim-notificationsSlideUpDown(2s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user