Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-09 01:17:04 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added knockoutjs components

Browse source 
Added material design checkbox component
Added lang changing animation
This commit is contained in:
RainLoop Team 2014-10-30 01:08:53 +04:00
parent c2b7632c13
commit 1423b88839
48 changed files with 1213 additions and 256 deletions
Download patch file Download diff file Expand all files Collapse all files

111
vendors/jquery-letterfx/jquery-letterfx.css vendored Normal file
View file

@ -0,0 +1,111 @@
.letterfx-container{}
.letterfx{
display:inline-block;
margin:0;
padding:0;
transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;
}
/* Spin FX */
.letterfx-spin-before{
transform:rotate(3600deg); -ms-transform:rotate(3600deg); -webkit-transform:rotate(3600deg);
}
.letterfx-spin-after{
transform:none;
}
/* Fade FX */
.letterfx-fade-before{
opacity: 0;
}
/* Grow FX */
.letterfx-grow-before{
transform:scale(0,0); -ms-transform:scale(0,0); -webkit-transform:scale(0,0);
}
.letterfx-grow-after{
transform:none;
}
/* Smear FX */
.letterfx-smear-before{
color: transparent;
text-shadow:-1px -1px 25px transparent;
}
.letterfx-smear-after{
color:inherit;
text-shadow:0 0 #333;
}
/* Fall FX */
.letterfx-fall-before
{
visibility: hidden;
transform:scale(3,3); -ms-transform:scale(3,3); -webkit-transform:scale(3,3);
}
.letterfx-fall-after{
transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1);
text-shadow:0;
}
/* Swirl FX */
.letterfx-swirl-before
{
visibility: hidden;
transform:scale(3,3) rotate(3600deg); -ms-transform:scale(3,3) rotate(3600deg); -webkit-transform:scale(3,3) rotate(3600deg);
}
.letterfx-swirl-after{
transform:none
text-shadow:0;
}
/* Wave FX */
.letterfx-wave-container .letterfx
{
position:relative;
}
.letterfx-wave-before
{
bottom:0;
}
.letterfx-wave-after{
bottom:15px;
}
/* FLY FX */
.letterfx-fly-left-container .letterfx,
.letterfx-fly-right-container .letterfx,
.letterfx-fly-top-container .letterfx,
.letterfx-fly-bottom-container .letterfx
{
position:relative;
}
.letterfx-fly-left-before{ left:-50em; }
.letterfx-fly-left-after{ left:0; }
.letterfx-fly-right-before{ right:-50em; }
.letterfx-fly-right-after{ right:0; }
.letterfx-fly-top-before{ top:-20em; }
.letterfx-fly-top-after{ top:0; }
.letterfx-fly-bottom-before{ bottom:-20em; }
.letterfx-fly-bottom-after{ bottom:0; }