// variables.less

// 定义设计稿的基准宽度和高度
@design-width: 3840;
@design-height: 2160;

// 动态设置视口的宽度和高度变量
@viewport-width: 100vw;
@viewport-height: 100vh;

// 通用的将像素值转换为视口宽度单位 (vw) 的函数
.px-to-vw(@property, @px) {
  @{property}: calc((@px / @design-width) * @viewport-width);
}

// 通用的将像素值转换为视口高度单位 (vh) 的函数
.px-to-vh(@property, @px) {
  @{property}: calc((@px / @design-height) * @viewport-height);
}

// 将设计稿的像素值转换为视口宽度单位 (vw) 的字体大小
.font-size-to-vw(@px) {
  font-size: calc((@px / @design-width) * @viewport-width);
}

// 将设计稿的像素值转换为视口高度单位 (vh) 的字体大小
.font-size-to-vh(@px) {
  font-size: calc((@px / @design-height) * @viewport-height);
}

// 将设计稿的像素值转换为视口最小单位 (vmin) 的字体大小
.font-size-to-vmin(@px) {
  font-size: calc((@px / @design-width) * 100vmin);
}


@font-face {
  font-family: 'DingTalk';
  src: url('../assets/DingTalk\ JinBuTi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


