// Navbar
// --------------------------------------------------


ion-navbar.toolbar {
  position: absolute;
}

ion-navbar {
  transform: translate3d(100%, 0px, 0px);

  &.show-navbar {
    transform: translate3d(0px, 0px, 0px);
  }
}

.back-button {
  order: map-get($toolbar-order, backButton);;
  transform: translateZ(0px);

  display: none;
  &.show-back-button {
    display: flex;
  }
}

.back-button-text {
  display: flex;
  align-items: center;
}

.transparent-navbar {
  background-color: transparent !important;
}