// Imports
@import "./_variables.scss";

.nv-tabs {
  @each $name, $size in $tabs-font-sizes {
    &.nv-size--#{$name} {
      font-size: map-deep-get($tabs-font-sizes, $name);
      min-height: map-deep-get($tabs-height, $name);

      .nv-icon {
        height: map-deep-get($tabs-icon-sizes, $name);
        width: map-deep-get($tabs-icon-sizes, $name);
        font-size: map-deep-get($tabs-icon-font-sizes, $name);
      }

      .nv-tab__title.icon {
        margin-left: map-deep-get($tabs-icon-margin, $name);
      }
      .nv-tab__title.icon-right {
        margin-right: map-deep-get($tabs-icon-margin, $name);
      }
    }
  }
}