save dialog shader

This commit is contained in:
muerwre 2019-02-15 15:42:20 +07:00
parent df15cddb27
commit 492327897d
7 changed files with 66 additions and 3 deletions

View file

@ -13,6 +13,45 @@
box-sizing: border-box;
}
@keyframes jump {
0% { transform: translate3d(0, 0, 0) scale(0.5); }
100% { transform: translate3d(0, -20px, 0) scale(1); }
}
.save-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: darken(fade(@blue_secondary, 80%), 20%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 250ms;
opacity: 0;
touch-action: none;
pointer-events: none;
svg {
fill: white;
&:nth-child(2) { animation-delay: 200ms; }
&:nth-child(3) { animation-delay: 400ms; }
}
&.active {
opacity: 1;
touch-action: all;
pointer-events: all;
svg {
animation: jump infinite alternate 600ms;
}
}
}
.save-description {
padding: 5px 10px;
}