/* stylelint-disable selector-class-pattern */

@mixin suiTechnologyBadgeSize ($width) {
  width: $width;
  height: $width;
  font-size: $width;

  /* override font-size for font awesome icons */
  @include suiTechnologyBadgeVariant('fa') {
    font-size: $width * 0.5;
  }
}

@mixin suiTechnologyBadgeShadow ($shadow) {
  box-shadow: $shadow;
}

@mixin suiTechnologyBadgeVariant($prefix) {
  &.as--#{$prefix} {
    @content;
  }
}