$ui-font: namespace('font'); // font样式前缀

$ui-g-fs: $global-font-size;

/* 字体尺寸 xxxs=null xxs=null xs=20 sm=24 !base=28 lg=32 xl=36 xxl=48 xxxl=null */
$ui-g-fs-map: (
  '20': 20px,
  '30': 30px,
);

$ui-g-lh-map: (
  '20': 24px,
  '30': 34px,
);

@each $key, $value in $ui-g-fs-map {
  @if ($value) {
    /* 定义背景颜色 */
    .#{$ui-font + '-' + $key} {
      font-size: 20px;
      line-height: 20px;
    }
  }
}

.f0 {
  font-size: 0;
}

.f12 {
  font-size: 12px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f26 {
  font-size: 26px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

.f32 {
  font-size: 32px;
}

.f34 {
  font-size: 34px;
}

.f36 {
  font-size: 36px;
}

.f38 {
  font-size: 38px;
}

.f40 {
  font-size: 40px;
}