_variable.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @charset "utf-8";
  2. /*
  3. * @file: UI配色
  4. * @update: 2015-06-03 17:29:02
  5. */
  6. /* 字体配置 */
  7. $base-font-size : 12px !default; // 字号
  8. $base-font-family : "Microsoft Yahei","Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif !default; // 字体族
  9. /*
  10. * 字体策略
  11. * 1. 默认:使用无衬线字体,OS X使用"Helvetica Neue", Helvetica; Windows使用Tahoma, Arial;
  12. * 2. 黑体:通过字体辅助类.u-heiti 或者 @extend %u-heiti来调用;
  13. * 3. 宋体:通过字体辅助类.u-songti 或者 @extend %u-songti来调用;
  14. * 4. 参考链接:http://www.zhihu.com/question/19911793 http://zenozeng.github.io/fonts.css/
  15. */
  16. /* 其他配置 */
  17. $base-line-height : 1.5 !default; // 行高
  18. $base-link-decoration : underline !default; // 链接下划线
  19. /* 颜色配置 */
  20. $base-text-color : #333 !default; // 文本颜色
  21. $base-bg-color : #fff !default; // 背景颜色
  22. $base-link-color : #333 #fa0 !default; // 链接颜色[default,hover]
  23. $base-border-color : #dedede !default; // 边框颜色
  24. $heading-bg-color : #f5f5f5 !default; // 面板头部背景颜色
  25. $active-bg-color : #e7e7e7 !default; // 激活状态背景颜色
  26. $disabled-text-color : #aaa !default; // 禁用状态文本颜色
  27. $disabled-bg-color : #eee !default; // 禁用状态背景颜色
  28. $primary-text-color : #fff !default; // 首选文本颜色
  29. $primary-color : #288ad6 !default; // 首选背景颜色
  30. $success-text-color : #fff !default; // 成功状态文本颜色
  31. $success-color : #16c98d !default; // 成功状态背景颜色
  32. $info-text-color : #fff !default; // 信息状态文本颜色
  33. $info-color : #2fc2ef !default; // 信息状态背景颜色
  34. $warning-text-color : #3b444f !default; // 警告状态文本颜色
  35. $warning-color : #feef6d !default; // 警告状态背景颜色
  36. $danger-text-color : #fff !default; // 危险状态文本颜色
  37. $danger-color : #fa5e5b !default; // 危险状态背景颜色