78 lines
2.0 KiB
Plaintext
78 lines
2.0 KiB
Plaintext
|
@import (reference) './color.less';
|
||
|
|
|
||
|
|
@hd: 1px;
|
||
|
|
@rpx: 0.5 * @hd;
|
||
|
|
@size-base: 8 * @rpx;
|
||
|
|
@default-line-height: 1.4;
|
||
|
|
|
||
|
|
//尺寸
|
||
|
|
@size-0: 0;
|
||
|
|
@size-1: @size-base * 1;
|
||
|
|
@size-2: @size-base * 2;
|
||
|
|
@size-3: @size-base * 3;
|
||
|
|
@size-4: @size-base * 4;
|
||
|
|
@size-5: @size-base * 5;
|
||
|
|
@size-6: @size-base * 6;
|
||
|
|
@size-7: @size-base * 7;
|
||
|
|
@size-8: @size-base * 8;
|
||
|
|
@size-9: @size-base * 9;
|
||
|
|
@size-10: @size-base * 10;
|
||
|
|
@size-11: @size-base * 11;
|
||
|
|
@size-12: @size-base * 12;
|
||
|
|
@size-13: @size-base * 13;
|
||
|
|
@size-14: @size-base * 14;
|
||
|
|
@size-15: @size-base * 15;
|
||
|
|
@size-16: @size-base * 16;
|
||
|
|
@size-17: @size-base * 17;
|
||
|
|
@size-18: @size-base * 18;
|
||
|
|
@size-19: @size-base * 19;
|
||
|
|
@size-20: @size-base * 20;
|
||
|
|
|
||
|
|
@corner-radius-md: 8 * @rpx;
|
||
|
|
@corner-radius-lg: 16 * @rpx;
|
||
|
|
|
||
|
|
@font-size-subcontent: 24 * @rpx; //次常规内容
|
||
|
|
@font-size-content: 26 * @rpx; //常规内容
|
||
|
|
@font-size-subtitle: 30 * @rpx; //小标题
|
||
|
|
@font-size-list: 34 * @rpx; //列表
|
||
|
|
@font-size-title: 36 * @rpx; //大标题
|
||
|
|
@font-size-list: 34 * @rpx; //列表
|
||
|
|
@font-size-weak: 22 * @rpx; //弱化内容和弱辅助文案
|
||
|
|
|
||
|
|
@opacity-disabled: 0.4;
|
||
|
|
@opacity-product-mask: 0.55;
|
||
|
|
@opacity-marketing-mask: 0.75;
|
||
|
|
|
||
|
|
@h-spacing-standard: 16 * @rpx; //标准
|
||
|
|
@h-spacing-large: 24 * @rpx; //大间距
|
||
|
|
@v-spacing-standard: 16 * @rpx; //标准
|
||
|
|
@h-spacing-standard: 16 * @rpx; //标准
|
||
|
|
@v-spacing-large: 24 * @rpx; //大间距
|
||
|
|
|
||
|
|
//圆角
|
||
|
|
@corner-radius-sm: 4 * @rpx; //小
|
||
|
|
@corner-radius-md: 8 * @rpx; //中
|
||
|
|
@corner-radius-md-plus: 12 * @rpx; //中加
|
||
|
|
@corner-radius-lg: 16 * @rpx; //大
|
||
|
|
@corner-radius-circle: 50vh; //圆
|
||
|
|
|
||
|
|
//行高
|
||
|
|
@line-height-base: 1; // 单行行高
|
||
|
|
@line-height-paragraph: 1.5; // 多行行高
|
||
|
|
|
||
|
|
//图标尺寸
|
||
|
|
@icon-size-xs: 36 * @rpx; //特小
|
||
|
|
@icon-size-sm: 44 * @rpx; //小
|
||
|
|
@icon-size-md: 56 * @rpx; //中
|
||
|
|
@icon-size-lg: 64 * @rpx; //大
|
||
|
|
|
||
|
|
//边框尺寸
|
||
|
|
@border-width-standard: 2 * @rpx; //标准
|
||
|
|
@border-width-thick: 4 * @rpx; //粗
|
||
|
|
|
||
|
|
@color-product-mask: fade(@COLOR_BLACK, @opacity-product-mask*100); //产品蒙层
|
||
|
|
@color-marketing-mask: fade(
|
||
|
|
@COLOR_BLACK,
|
||
|
|
@opacity-marketing-mask*100
|
||
|
|
); //营销蒙层
|