github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 19:01:52 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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
Show Stats 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}
to {opacity: .8}
}
@-webkit-keyframes fade {
from {opacity: 0}
to {opacity: 1}
}
.modal-outer-container {
display:table;
width:100%;

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

@ -25,20 +25,8 @@
}
.modal.in {
-webkit-animation: modal .25s;
animation: modal .25s;
}
//fade in and animate up
@-webkit-keyframes modal {
from {opacity: 0}
to {opacity: 1}
}
@keyframes fade {
from {opacity: 0}
to {opacity: 1}
-webkit-animation: fade .25s;
animation: fade .25s;
}
.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) {
-webkit-animation: fadein .7s;
animation-duration: .7s;
animation-name: fadein;
animation: fadein .7s;
}
.topic-statuses {

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

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