ion-app.app-root core-split-view {
    ion-menu.split-pane-side {
        display: block;

        .menu-inner {
            @include position(0, 0, 0, 0);
            -webkit-transform: initial;
            transform: initial;
            width: 100%;
        }
    }

    .split-pane-main {
        display: none;
    }

    .split-pane-visible {
        .split-pane-main {
            display: block;
        }

        .split-pane-side .core-split-item-selected {
            background-color: $gray-lighter;
            @include core-selected-item($core-splitview-selected);
        }

        .item-ios[detail-push] .item-inner,
        button.item-ios:not([detail-none]) .item-inner,
        a.item-ios:not([detail-none]) .item-inner {
            @include background-position(end, $item-ios-padding-end - 2, center);
        }
    }
    ion-header {
        display: none;
    }
    ion-content.statusbar-padding:first-child .scroll-content {
        padding-top: 0  !important;
    }
}

.safe-area-page {
    @include safe-area-padding-horizontal(0px, 0px);
}

ion-app.app-root .split-pane-visible .split-pane-side {
  .safe-area-page  {
    @include safe-area-padding-start(0px, 0px);

    .core-split-item-selected {
      @include border-start(5px, solid, $core-splitview-selected);
    }
  }

  // Disable safe area padding.
  .item-ios.item-block .item-inner {
    @include padding-horizontal(null, $item-ios-padding-end / 2);
  }
}

ion-app.app-root .split-pane-visible .split-pane-main {
  .safe-area-page  {
    @include safe-area-padding-end(0px, 0px);
  }

  .toolbar {
    @include safe-area-padding-end(0px, 0px);
  }
}
