Add new login animation

This commit is contained in:
RainLoop Team 2016-06-23 01:26:54 +03:00
parent d8903c0680
commit 70be42bbaf
9 changed files with 97 additions and 33 deletions

View file

@ -136,3 +136,43 @@
outline: none;
}
}
@keyframes loginRotation {
to {transform: rotate(1turn);}
}
.submitting-pane {
position: relative;
&.submitting {
&:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
background: rgba(0,0,0,.3);
z-index: 1051;
border-radius: 8px;
}
&:after{
content: '';
position: absolute;
width: 60px;
height: 60px;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
border: 8px solid transparent;
border-color: transparent;
border-top-color: #fff;
animation: loginRotation 1s infinite ease-in-out;
border-radius: 50%;
z-index: 1052;
}
}
}