codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-27 17:46:05 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

dialing back the animations I added previously

Browse source
This commit is contained in:
Kris Aubuchon 2014-03-21 09:23:22 -04:00
parent 88ba80b239
commit 63eb7a60e5
2 changed files with 11 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
app/assets/stylesheets/desktop/discourse.scss
View file

@ -283,31 +283,18 @@ blockquote {
animation: spinner .25s; animation: spinner .25s;
} }
//loading spinner drop-in animation //loading spinner fade-in
@-webkit-keyframes spinner { @-webkit-keyframes spinner {
0% { from {opacity: 0}
margin: 0px auto 30px auto; to {opacity: 1}
opacity: 0; }@keyframes fade {
} from {opacity: 0}
100% { to {opacity: 1}
margin: 20px auto 30px auto;
opacity: 1;
}
}@keyframes modal {
0% {
margin: 0px auto 30px auto;
opacity: 0;
}
100% {
margin: 20px auto 30px auto;
opacity: 1;
}
} }
.avatar { .avatar {
@include border-radius-all(2px); @include border-radius-all(2px);
} }

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

@ -102,24 +102,11 @@ animation: modal .25s;
//fade in and animate up //fade in and animate up
@-webkit-keyframes modal { @-webkit-keyframes modal {
0% { from {opacity: 0}
margin-top: 100px; to {opacity: 1}
opacity: 0; }@keyframes fade {
} from {opacity: 0}
100% { to {opacity: 1}
margin-top: 0;
opacity: 1;
}
}@keyframes modal {
0% {
margin-top: 100px;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
} }
.modal-body { .modal-body {