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

@font-face {
  font-family: 'HelveticaNeue-CondensedBold';
  src: url('//iotx-city-screen-resource.oss-cn-shanghai.aliyuncs.com/font/HelveticaNeue-CondensedBold/HelveticaNeue-CondensedBold.eot');
  src: url('//iotx-city-screen-resource.oss-cn-shanghai.aliyuncs.com/font/HelveticaNeue-CondensedBold/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype')
    , url('//iotx-city-screen-resource.oss-cn-shanghai.aliyuncs.com/font/HelveticaNeue-CondensedBold/HelveticaNeue-CondensedBold.woff2') format('woff2')
    , url('//iotx-city-screen-resource.oss-cn-shanghai.aliyuncs.com/font/HelveticaNeue-CondensedBold/HelveticaNeue-CondensedBold.woff') format('woff')
    , url('//iotx-city-screen-resource.oss-cn-shanghai.aliyuncs.com/font/HelveticaNeue-CondensedBold/HelveticaNeue-CondensedBold.ttf') format('truetype')
    , url('//iotx-city-screen-resource.oss-cn-shanghai.aliyuncs.com/font/HelveticaNeue-CondensedBold/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg');
}

@font-face {
  font-family: '@{prefix}iconfont-ability';
  /* project id 550145 */
  src: url('//at.alicdn.com/t/font_550145_muxciiuurrj.eot');
  src: url('//at.alicdn.com/t/font_550145_muxciiuurrj.eot?#iefix') format("embedded-opentype"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.woff2') format("woff2"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.woff') format("woff"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.ttf') format("truetype"), url('//at.alicdn.com/t/font_550145_muxciiuurrj.svg#iconfont') format("svg");
}

.@{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);
}