1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- @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
- ); //营销蒙层
|