// iOS Tabs
// --------------------------------------------------

$tab-bar-ios-item-padding:             0px 10px !default;
$tab-bar-ios-item-font-size:           10px !default;
$tab-bar-ios-item-icon-size:           30px !default;
$tab-bar-ios-height:                   50px !default;


.tabs[mode="ios"] {

  .tab-bar {
    min-height: $tab-bar-ios-height;
  }

  .tab-button {
    padding: $tab-bar-ios-item-padding;
  }

  .tab-button-text {
    font-size: $tab-bar-ios-item-font-size;
    min-height: $tab-bar-ios-item-font-size + 1;
  }

  .has-title-only .tab-button-text {
    font-size: $tab-bar-ios-item-font-size + 2;
  }

  .tab-button-icon {
    font-size: $tab-bar-ios-item-icon-size;
    height: $tab-bar-ios-item-icon-size;
    min-width: $tab-bar-ios-item-icon-size + 5;

    &:before {
      vertical-align: top;
    }
  }

  &[tab-bar-placement="bottom"] .tab-bar-container {
    @include hairline(top, $toolbar-ios-border-color);
  }

  &[tab-bar-placement="top"] .tab-bar-container {
    @include hairline(bottom, $toolbar-ios-border-color);
  }

  &[tab-bar-placement="top"] .toolbar-container .toolbar {
    @include hairline(bottom, none);
  }

}