42 lines
695 B
CSS
42 lines
695 B
CSS
.mini-holder {
|
|
position: fixed;
|
|
padding: 4px;
|
|
bottom: 80px;
|
|
right: 24px;
|
|
width: 56px;
|
|
pointer-events: none;
|
|
flex-direction: column-reverse !important;
|
|
}
|
|
|
|
.mini-holder > div{
|
|
transform: scale(0);
|
|
transition-property: transform;
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: ease-in-out;
|
|
margin: 4px;
|
|
}
|
|
|
|
.mini-holder.active > div {
|
|
transform: scale(1);
|
|
}
|
|
|
|
.mini-holder.active {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.mini-holder.active > div:nth-child(2){
|
|
transition-delay: 0.1s;
|
|
}
|
|
|
|
.mini-holder.active > div:nth-child(3){
|
|
transition-delay: 0.2s;
|
|
}
|
|
|
|
.mini-holder.active > div:nth-child(4){
|
|
transition-delay: 0.3s;
|
|
}
|
|
|
|
.mini-holder.active > div:nth-child(5){
|
|
transition-delay: 0.4s;
|
|
}
|