@import "@/uni_modules/uni-scss/variables.scss";

$uni-primary: #3f75ff;
$uni-primary-disable: #94bcff;
$uni-primary-light: #f3f6ff;

$primary: #3f75ff;

$success: #00be00;
$error: #f00;
$default: #e7e7e7;
$warning: #ff9900;
$t9: #999999;

$colorMap: (
  (
    color: $primary,
    name: primary,
  ),
  (
    color: $success,
    name: success,
  ),
  (
    color: $error,
    name: error,
  ),
  (
    color: $default,
    name: default,
  ),
  (
    color: $warning,
    name: warning,
  ),
  (
    color: $t9,
    name: t9,
  )
);

@each $item in $colorMap {
  $name: map-get($item, name);
  $color: map-get($item, color);

  .text-#{$name} {
    color: $color;
  }

  .bg-#{$name} {
    background-color: $color;
  }

  .border-#{$name} {
    border-color: $color;
  }
}

$sizeMap: (
  (
    size: 10,
    name: 10,
  ),
  (
    size: 12,
    name: 12,
  ),
  (
    size: 14,
    name: 14,
  ),
  (
    size: 16,
    name: 16,
  )
);

@each $item in $sizeMap {
  $name: map-get($item, name);
  $size: map-get($item, size);

  .text-#{$name} {
    font-size: #{$size * 2}rpx;
  }
}