Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-22 15:15:12 +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 05e24838bd
commit 2afbc0a6bd
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 { .top-left {
-webkit-transition: all @duration ease-out; -webkit-transition: all @duration ease-out;
transform: translate3d(-20px, -10px, 0);
position:absolute; position:absolute;
top:-10px; top:0;
left:-20px; left:0;
} }
.top-right { .top-right {
-webkit-transition: all @duration ease-out; -webkit-transition: all @duration ease-out;
transform: translate3d(20px, -10px, 0);
position:absolute; position:absolute;
top:-10px; top:0;
right:-20px; right:0;
} }
.bottom-left { .bottom-left {
-webkit-transition: all @duration ease-out; -webkit-transition: all @duration ease-out;
transform: translate3d(-20px, 10px, 0);
position:absolute; position:absolute;
bottom:-10px; bottom:0;
left:-20px; left:0;
} }
.bottom-right { .bottom-right {
-webkit-transition: all @duration ease-out; -webkit-transition: all @duration ease-out;
transform: translate3d(20px, 10px, 0);
position:absolute; position:absolute;
bottom:-10px; bottom:0;
right:-20px; right:0;
} }
} }
@ -116,23 +120,19 @@
} }
.top-left { .top-left {
top:0; transform: translate3d(0, 0, 0);
left:0;
} }
.top-right { .top-right {
top:0; transform: translate3d(0, 0, 0);
right:0;
} }
.bottom-left { .bottom-left {
bottom:0; transform: translate3d(0, 0, 0);
left:0;
} }
.bottom-right { .bottom-right {
bottom:0; transform: translate3d(0, 0, 0);
right:0;
} }
} }
} }