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

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

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

        svg {
          width: map-deep-get($switcher-icon-sizes, $name);
          height: map-deep-get($switcher-icon-sizes, $name);
        }
      }

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