/*================变量==================*/ 
@primary-color: #C52733;
@dark-color: #333333;
@white-color: #fff;

@colors: #C52733, #333333, #fff;
@classnames: primary, dark, white;
/*=====================================*/ 

each(@colors, {
  @color: extract(@colors, @index);
  @classname: extract(@classnames, @index);
  .v12-@{classname} {
    background-color: @color !important;
    background: @color !important;
  }
  .v12-@{classname}-text{
    color: @color !important;
  }
});

.generateFontSize(@i) when (@i <= 80) {
  .v12-font-@{i} {
    font-size: @i * 1rpx !important;
  }
  .generateFontSize(@i + 4);
}

.generateFontSize(20);

.v12-font-bold{
  font-weight: bold !important;
}

.v12-align-center{
  display: flex;
  align-items: center;
}
.v12-justify-center{
  display: flex;
  justify-content: center;
}
.v12-d-grid-columns-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}