Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-06 10:50:21 +08:00
Code Packages Activity Actions 9

clean up CSS3 animations a bit

Browse source
This commit is contained in:
Jeff Atwood 2014-12-25 02:29:39 -08:00
parent 2a46418284
commit 92d61755b3
4 changed files with 11 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/common/base/modal.scss
View file

@ -38,6 +38,12 @@
from {opacity: 0} from {opacity: 0}
to {opacity: .8} to {opacity: .8}
} }
@-webkit-keyframes fade {
from {opacity: 0}
to {opacity: 1}
}
.modal-outer-container { .modal-outer-container {
display:table; display:table;
width:100%; width:100%;

16
app/assets/stylesheets/desktop/modal.scss
View file

@ -25,20 +25,8 @@
} }
.modal.in { .modal.in {
-webkit-animation: modal .25s; -webkit-animation: fade .25s;
animation: modal .25s; animation: fade .25s;
}
//fade in and animate up
@-webkit-keyframes modal {
from {opacity: 0}
to {opacity: 1}
}
@keyframes fade {
from {opacity: 0}
to {opacity: 1}
} }
.modal-body { .modal-body {

3
app/assets/stylesheets/desktop/topic-post.scss
View file

@ -525,8 +525,7 @@ video {
.star, .badge-wrapper, i, .topic-link:not(.loading) { .star, .badge-wrapper, i, .topic-link:not(.loading) {
-webkit-animation: fadein .7s; -webkit-animation: fadein .7s;
animation-duration: .7s; animation: fadein .7s;
animation-name: fadein;
} }
.topic-statuses { .topic-statuses {

4
app/assets/stylesheets/vendor/font_awesome/_spinning.scss vendored
View file

@ -7,8 +7,8 @@
} }
@keyframes spin { @keyframes spin {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); } 100% { transform: rotate(359deg); }
} }
@-webkit-keyframes spin { @-webkit-keyframes spin {