@import "../globals.core";

// iOS Cordova
// --------------------------------------------------

$cordova-ios-statusbar-padding:    20px   !default;


&.platform-cordova.platform-ios {

  ion-navbar-section {
    height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
    min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
  }

  ion-navbar ion-title,
  ion-navbar ion-segment, {
    padding-top: $cordova-ios-statusbar-padding;
  }

  ion-navbar,
  ion-app > ion-toolbar:first-child,
  ion-app > ion-toolbar:first-child ion-title,
  ion-app > ion-toolbar:first-child ion-segment,
  ion-menu > ion-toolbar:first-child,
  ion-menu > ion-toolbar:first-child ion-title,
  ion-menu > ion-toolbar:first-child ion-segment,
  ion-page.modal > ion-toolbar:first-child,
  ion-page.modal > ion-toolbar:first-child ion-title,
  ion-page.modal > ion-toolbar:first-child ion-segment, {
    padding-top: calc(#{$toolbar-ios-padding} + #{$cordova-ios-statusbar-padding});

    height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
    min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
  }

}