@import "../../globals.core"; // Action Sheet // -------------------------------------------------- $action-sheet-width: 100% !default; $action-sheet-max-width: 500px !default; ion-action-sheet { position: absolute; width: $action-sheet-width; height: $action-sheet-width; z-index: $z-index-overlay; top: 0; left: 0; display: block; } .action-sheet-wrapper { position: absolute; width: $action-sheet-width; max-width: $action-sheet-max-width; z-index: $z-index-overlay-wrapper; bottom: 0; left: 0; right: 0; display: block; margin: auto; transform: translate3d(0, 100%, 0); } .action-sheet-button { width: $action-sheet-width; }