@use 'sass:color';

@use './function.scss' as *;
@use './mixins' as *;

@mixin types-base-color($types) {
  @each $type in $types {
    @include m($type) {
      color: getCssVar('color', $type);
    }
  }
}

@mixin types-base-weight($types) {
  @each $type in $types {
    @include m($type + '-w') {
      font-weight: getCssVar('text-w', $type);
    }
  }
}

@mixin types-base-font-size($types) {
  @each $type in $types {
    @include m($type + '-s') {
      font-size: getCssVar('text', $type);
      line-height: getCssVar('text-lh', $type);
    }
  }
}