2018-01-02 13:07:56 +09:00
|
|
|
.modal-layout {
|
2018-01-02 15:26:44 +09:00
|
|
|
background: $ui-base-color url('~images/wave-modal.png') repeat-x bottom fixed;
|
2018-01-02 13:07:56 +09:00
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-layout__mastodon {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex: 1;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
|
|
|
|
> * {
|
|
|
|
|
flex: 1;
|
|
|
|
|
max-height: 235px;
|
2018-01-02 15:26:44 +09:00
|
|
|
background: url('~images/mastodon-ui.png') no-repeat left bottom / contain;
|
2018-01-02 13:07:56 +09:00
|
|
|
}
|
|
|
|
|
}
|
