@import 'variables';
@import 'shared/colors';

ion-tab-bar {
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: var(--uofx-box-shadow-up);
  --border: none;
  --color: #{get-color(gr-600)};

  ion-tab-button {
    ion-avatar {
      border: 3px solid get-color(gr-600);
    }

    &.tab-selected {
      ion-avatar {
        border-color: $primary-color;
      }
    }
  }
}