UX: Center wizard vertically
This commit is contained in:
parent
ea59f43f6c
commit
f031869e08
|
@ -18,6 +18,14 @@ body.wizard {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||||
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||||
|
|
||||||
|
#wizard-main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
#wizard-main:before {
|
#wizard-main:before {
|
||||||
mask: asset-url("/images/wizard/bubbles.svg");
|
mask: asset-url("/images/wizard/bubbles.svg");
|
||||||
-webkit-mask: asset-url("/images/wizard/bubbles.svg");
|
-webkit-mask: asset-url("/images/wizard/bubbles.svg");
|
||||||
|
|
Loading…
Reference in New Issue