| 1 | @import "../../themes/ionic.globals.ios";
|
| 2 |
|
| 3 | // iOS Modals
|
| 4 | // --------------------------------------------------
|
| 5 |
|
| 6 | /// @prop - Background color for the modal
|
| 7 | $modal-ios-background-color: $background-ios-color !default;
|
| 8 |
|
| 9 | /// @prop - Border radius for the modal
|
| 10 | $modal-ios-border-radius: 10px !default;
|
| 11 |
|
| 12 | .ios .modal-wrapper {
|
| 13 | // hidden by default to prevent flickers, the animation will show it
|
| 14 | @include transform(translate3d(0, 100%, 0));
|
| 15 |
|
| 16 | @media only screen and (min-width: $modal-inset-min-width) and (min-height: $modal-inset-min-height-small) {
|
| 17 | @include border-radius($modal-ios-border-radius);
|
| 18 |
|
| 19 | overflow: hidden;
|
| 20 | }
|
| 21 | }
|