index.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @import (reference) './color.less';
  2. @hd: 1px;
  3. @rpx: 0.5 * @hd;
  4. @size-base: 8 * @rpx;
  5. @default-line-height: 1.4;
  6. //尺寸
  7. @size-0: 0;
  8. @size-1: @size-base * 1;
  9. @size-2: @size-base * 2;
  10. @size-3: @size-base * 3;
  11. @size-4: @size-base * 4;
  12. @size-5: @size-base * 5;
  13. @size-6: @size-base * 6;
  14. @size-7: @size-base * 7;
  15. @size-8: @size-base * 8;
  16. @size-9: @size-base * 9;
  17. @size-10: @size-base * 10;
  18. @size-11: @size-base * 11;
  19. @size-12: @size-base * 12;
  20. @size-13: @size-base * 13;
  21. @size-14: @size-base * 14;
  22. @size-15: @size-base * 15;
  23. @size-16: @size-base * 16;
  24. @size-17: @size-base * 17;
  25. @size-18: @size-base * 18;
  26. @size-19: @size-base * 19;
  27. @size-20: @size-base * 20;
  28. @corner-radius-md: 8 * @rpx;
  29. @corner-radius-lg: 16 * @rpx;
  30. @font-size-subcontent: 24 * @rpx; //次常规内容
  31. @font-size-content: 26 * @rpx; //常规内容
  32. @font-size-subtitle: 30 * @rpx; //小标题
  33. @font-size-list: 34 * @rpx; //列表
  34. @font-size-title: 36 * @rpx; //大标题
  35. @font-size-list: 34 * @rpx; //列表
  36. @font-size-weak: 22 * @rpx; //弱化内容和弱辅助文案
  37. @opacity-disabled: 0.4;
  38. @opacity-product-mask: 0.55;
  39. @opacity-marketing-mask: 0.75;
  40. @h-spacing-standard: 16 * @rpx; //标准
  41. @h-spacing-large: 24 * @rpx; //大间距
  42. @v-spacing-standard: 16 * @rpx; //标准
  43. @h-spacing-standard: 16 * @rpx; //标准
  44. @v-spacing-large: 24 * @rpx; //大间距
  45. //圆角
  46. @corner-radius-sm: 4 * @rpx; //小
  47. @corner-radius-md: 8 * @rpx; //中
  48. @corner-radius-md-plus: 12 * @rpx; //中加
  49. @corner-radius-lg: 16 * @rpx; //大
  50. @corner-radius-circle: 50vh; //圆
  51. //行高
  52. @line-height-base: 1; // 单行行高
  53. @line-height-paragraph: 1.5; // 多行行高
  54. //图标尺寸
  55. @icon-size-xs: 36 * @rpx; //特小
  56. @icon-size-sm: 44 * @rpx; //小
  57. @icon-size-md: 56 * @rpx; //中
  58. @icon-size-lg: 64 * @rpx; //大
  59. //边框尺寸
  60. @border-width-standard: 2 * @rpx; //标准
  61. @border-width-thick: 4 * @rpx; //粗
  62. @color-product-mask: fade(@COLOR_BLACK, @opacity-product-mask*100); //产品蒙层
  63. @color-marketing-mask: fade(
  64. @COLOR_BLACK,
  65. @opacity-marketing-mask*100
  66. ); //营销蒙层