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

@layer components {
  .sticker {
    @include mixins.base;

    @each $variant, $props in config.$color-palette {
      &#{generate.variant-name($variant)} {
        @include mixins.color($variant);
      }
    }

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