Changed rpg-docs folder to app
This commit is contained in:
41
app/client/views/paperTemplates/fabMenu/fabMenu.css
Normal file
41
app/client/views/paperTemplates/fabMenu/fabMenu.css
Normal file
@@ -0,0 +1,41 @@
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user