// 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;
    border-top: 1px solid $toolbar-ios-border-color;
  }

  &[tab-bar-placement="top"] .tab-bar {
    border-top: none;
    border-bottom: 1px solid $toolbar-ios-border-color;
  }

  .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;
    }
  }

}

.hairlines .tabs[mode=ios] {

  .tab-bar {
    border-top-width: 0.5px;
  }

  &[tab-bar-placement="top"] .tab-bar {
    border-bottom-width: 0.5px;
  }

}