Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-03-09 22:45:16 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(empty-state): Subpixel animation via translate3d

Browse source
This commit is contained in:
Ben Gotow 2015-10-21 14:52:45 -07:00
parent 1de7f36361
commit a1995fc505
1 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
internal_packages/thread-list/stylesheets/empty-state.less
View file

@ -76,30 +76,34 @@
.top-left {
-webkit-transition: all @duration ease-out;
transform: translate3d(-20px, -10px, 0);
position:absolute;
top:-10px;
left:-20px;
top:0;
left:0;
}
.top-right {
-webkit-transition: all @duration ease-out;
transform: translate3d(20px, -10px, 0);
position:absolute;
top:-10px;
right:-20px;
top:0;
right:0;
}
.bottom-left {
-webkit-transition: all @duration ease-out;
transform: translate3d(-20px, 10px, 0);
position:absolute;
bottom:-10px;
left:-20px;
bottom:0;
left:0;
}
.bottom-right {
-webkit-transition: all @duration ease-out;
transform: translate3d(20px, 10px, 0);
position:absolute;
bottom:-10px;
right:-20px;
bottom:0;
right:0;
}
}
@ -116,23 +120,19 @@
}
.top-left {
top:0;
left:0;
transform: translate3d(0, 0, 0);
}
.top-right {
top:0;
right:0;
transform: translate3d(0, 0, 0);
}
.bottom-left {
bottom:0;
left:0;
transform: translate3d(0, 0, 0);
}
.bottom-right {
bottom:0;
right:0;
transform: translate3d(0, 0, 0);
}
}
}