@linkdesign/screen/lib/_reset.less

屏组件库，但使用场景又不局限于屏。主要用于BI、大盘和屏

@import './_variables.less';
@import './_mixins.less';

@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src: url('./assets/HelveticaNeue-CondensedBold.eot');
  src: url('./assets/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype')
    , url('./assets/HelveticaNeue-CondensedBold.woff2') format('woff2')
    , url('./assets/HelveticaNeue-CondensedBold.woff') format('woff')
    , url('./assets/HelveticaNeue-CondensedBold.ttf') format('truetype')
    , url('./assets/HelveticaNeue-CondensedBold.svg') format('svg');
}

@font-face {
  font-family: 'Oswald-Medium';
  src: url('./assets/Oswald-Medium.eot');
  src: url('./assets/Oswald-Medium.eot?#iefix') format('embedded-opentype')
    , url('./assets/HelveticaNeue-CondensedBold.woff2') format('woff2')
    , url('./assets/Oswald-Medium.woff') format('woff')
    , url('./assets/HelveticaNeue-CondensedBold.ttf') format('truetype')
    , url('./assets/Oswald-Medium.svg') format('svg');
}

@font-face {
  font-family: '@{prefix}iconfont-ability';  /* Project id 550145 */
  src: url('./assets/font_550145_azaaxkg8wys.woff2?t=1650443589305') format('woff2'),
    url('./assets/font_550145_azaaxkg8wys.woff?t=1650443589305') format('woff'),
    url('./assets/font_550145_azaaxkg8wys.ttf?t=1650443589305') format('truetype');
}

.@{prefix}iconfont-ability {
  font-family: '@{prefix}iconfont-ability', serif;
}


/////////////////////////////////////////////////////////////////////////////////////////
// 以下都是含业务属性 提前预置的样式
/////////////////////////////////////////////////////////////////////////////////////////
// body {
//   font-family: 'PingFang SC', 'Microsoft YaHei', serif;
// }


/////////////////////////////////////////////////////////////////////////////////////////
// 数据
/////////////////////////////////////////////////////////////////////////////////////////
.@{prefix}data {
  font-family: 'HelveticaNeue-CondensedBold', serif;
}

// 核心指标
.@{prefix}core-indicator-data {
  font-weight: 600;
  color: var(--text1-1);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 28px;
    line-height: 36px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 32px;
    line-height: 40px;
  });
}

// 主要指标
.@{prefix}main-indicator-data {
  font-weight: 600;
  color: var(--text1-2);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 20px;
    line-height: 28px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 24px;
    line-height: 32px;
  });
}

// 辅助指标
.@{prefix}sub-indicator-data {
  font-weight: 600;
  color: var(--text1-3);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 16px;
    line-height: 24px;
  });
}



/////////////////////////////////////////////////////////////////////////////////////////
// 标题
/////////////////////////////////////////////////////////////////////////////////////////
// 主标题
.@{prefix}main-title {
  font-weight: 600;
  color: var(--text2-1);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 20px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 36px;
    line-height: 44px;
  });
}

// 子屏标题
.@{prefix}subscreen-title {
  font-weight: 600;
  color: var(--text4-1);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });

  &:hover,
  &.selected {
    color: var(--text4-2);
  }
}

// 副标题
.@{prefix}sub-title {
  font-weight: 600;
  color: var(--text2-2);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });
}

// 核心指标标题
.@{prefix}core-indicator-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: var(--text2-5);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 18px;
    line-height: 26px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });
}

// 主指标标题
.@{prefix}main-indicator-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text2-6);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 16px;
    line-height: 24px;
  });
}

// 图表主标题
.@{prefix}main-chart-title {
  font-weight: 600;
  color: var(--text2-3);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 18px;
    line-height: 26px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 20px;
    line-height: 28px;
  });
}

// 图表副标题
.@{prefix}sub-chart-title {
  font-weight: 600;
  color: var(--text2-4);

  // 大盘
  .modify('mode', 'dashboard', {
    font-size: 14px;
    line-height: 22px;
  });
  // 大屏
  .modify('mode', 'screen', {
    font-size: 16px;
    line-height: 24px;
  });
}



/////////////////////////////////////////////////////////////////////////////////////////
// 正文
/////////////////////////////////////////////////////////////////////////////////////////
// 正文
.@{prefix}main-body {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--text3-1);
}

// 注释
.@{prefix}annotation {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--text3-2);
}

// 图表刻度
.@{prefix}chart-scale {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--text3-3);
}