mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
33 lines
419 B
CSS
33 lines
419 B
CSS
|
.wizard-wrapper {
|
||
|
|
z-index: 1;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wizard-step {
|
||
|
|
z-index: -1;
|
||
|
|
margin-left: calc(100% + 5px);
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.current-step {
|
||
|
|
z-index: 1;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.current-step-in,
|
||
|
|
.current-step-out {
|
||
|
|
z-index: 10;
|
||
|
|
transition: margin-left 200ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
.current-step-in {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.current-step-out {
|
||
|
|
margin-left: 100%;
|
||
|
|
}
|