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

.nv-expansion-panels {
  @each $name, $size in $panel-font-sizes {
    &.nv-size--#{$name} {
      .nv-expansion-panel__title {
        font-size: #{$size};

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

        .nv-expansion-panel__title-text.icon {
          margin-left: map-deep-get($panel-icon-margin, $name);
        }

        .nv-expansion-panel__title-text.icon-right {
          margin-right: map-deep-get($panel-icon-margin, $name);
        }
      }
    }
  }
}