/* === Sheet Modal === */ .sheet-backdrop { .modal-backdrop(); z-index: 11000; } .sheet-modal { position: absolute; left: 0; bottom: 0; width: 100%; height: 260px; display: none; box-sizing: border-box; transition-property: transform; transform: translate3d(0, 100%, 0); background: #fff; z-index: 12500; &.modal-in, &.modal-out { transition-duration: 300ms; } &.not-animated { transition-duration: 0ms; } &.modal-in { display: block; transform: translate3d(0, 0, 0); } &.modal-out { transform: translate3d(0, 100%, 0); } .sheet-modal-inner { height: 100%; position: relative; overflow: hidden; } .toolbar { position: relative; width: 100%; } } & when (@includeIosTheme) { @import url('./sheet-ios.less'); } & when (@includeMdTheme) { @import url('./sheet-md.less'); }