onsenui
Version:
HTML5 Mobile Framework & UI Components
14 lines (12 loc) • 426 B
CSS
@media (orientation: portrait) {
html[onsflag-iphonex-portrait] .toast {
bottom: var(--iphonex-safe-area-inset-bottom-portrait);
}
}
@media (orientation: landscape) {
html[onsflag-iphonex-landscape] .toast {
left: calc(var(--iphonex-safe-area-inset-left-landscape) + 8px);
right: calc(var(--iphonex-safe-area-inset-right-landscape) + 8px);
bottom: var(--iphonex-safe-area-inset-bottom-landscape);
}
}