debian-mirror-gitlab/app/assets/stylesheets/framework/animations.scss

52 lines
1.1 KiB
SCSS
Raw Normal View History

2016-06-02 11:05:42 +05:30
// This file is based off animate.css 3.5.1, available here:
// https://github.com/daneden/animate.css/blob/3.5.1/animate.css
//
// animate.css - http://daneden.me/animate
// Version - 3.5.1
// Licensed under the MIT license - http://opensource.org/licenses/MIT
//
// Copyright (c) 2016 Daniel Eden
.animated {
2016-09-29 09:46:39 +05:30
@include webkit-prefix(animation-duration, 1s);
@include webkit-prefix(animation-fill-mode, both);
2016-06-02 11:05:42 +05:30
2016-09-29 09:46:39 +05:30
&.infinite {
@include webkit-prefix(animation-iteration-count, infinite);
}
2016-06-02 11:05:42 +05:30
2016-09-29 09:46:39 +05:30
&.once {
@include webkit-prefix(animation-iteration-count, 1);
}
2016-06-02 11:05:42 +05:30
2016-09-29 09:46:39 +05:30
&.hinge {
@include webkit-prefix(animation-duration, 2s);
2016-06-02 11:05:42 +05:30
}
2016-09-29 09:46:39 +05:30
&.flipOutX,
&.flipOutY,
&.bounceIn,
&.bounceOut {
@include webkit-prefix(animation-duration, .75s);
2016-06-02 11:05:42 +05:30
}
2016-09-29 09:46:39 +05:30
&.short {
@include webkit-prefix(animation-duration, 321ms);
@include webkit-prefix(animation-fill-mode, none);
2016-06-02 11:05:42 +05:30
}
}
2016-09-29 09:46:39 +05:30
@include keyframes(pulse) {
from, to {
@include webkit-prefix(transform, scale3d(1, 1, 1));
2016-06-02 11:05:42 +05:30
}
50% {
2016-09-29 09:46:39 +05:30
@include webkit-prefix(transform, scale3d(1.05, 1.05, 1.05));
2016-06-02 11:05:42 +05:30
}
}
.pulse {
2016-09-29 09:46:39 +05:30
@include webkit-prefix(animation-name, pulse);
2016-06-02 11:05:42 +05:30
}