@import "./back-button";
@import "./back-button.md.vars";

// MD Back Button
// --------------------------------------------------

:host {
  --ion-color-base: currentColor;
}

.back-button-native {
  @include margin(1px, 6px, 0, 0);
  @include padding(0, 5px);

  min-width: 44px;
  height: 32px;

  border: 0;

  background-color: transparent;

  font-size: 14px;
  font-weight: 500;

  text-transform: uppercase;

  box-shadow: none;

  &.activated {
    opacity: .4;
  }
}

ion-icon {
  @include padding-horizontal(null, .3em);
  @include margin(0);
  @include margin(0, 6px);

  font-size: 24px;
  font-weight: normal;

  line-height: .67;

  text-align: start;
  pointer-events: none;
}