@use "../../../../styles/tools/generate";
@use "./config";
@use "./mixins";

@layer components {
  .control-group {
    @include mixins.base();

    &__item {
      @include mixins.item();

      @each $size, $values in config.$sizes {
        &#{generate.variant-name($size)} {
          @include mixins.item-size($size);
        }
      }
    }
  }
}