| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 | 
							- // Color Palette
 
- @black: #000;
 
- @white: #fff;
 
- @gray-1: #f7f8fa;
 
- @gray-2: #f2f3f5;
 
- @gray-3: #ebedf0;
 
- @gray-4: #dcdee0;
 
- @gray-5: #c8c9cc;
 
- @gray-6: #969799;
 
- @gray-7: #646566;
 
- @gray-8: #323233;
 
- @red: #ee0a24;
 
- @blue: #1989fa;
 
- @orange: #ff976a;
 
- @orange-dark: #ed6a0c;
 
- @orange-light: #fffbe8;
 
- @green: #07c160;
 
- // Gradient Colors
 
- @gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
 
- @gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
 
- // Component Colors
 
- @primary-color: var(--van-blue);
 
- @success-color: var(--van-green);
 
- @danger-color: var(--van-red);
 
- @warning-color: var(--van-orange);
 
- @text-color: var(--van-gray-8);
 
- @text-color-2: var(--van-gray-6);
 
- @text-color-3: var(--van-gray-5);
 
- @text-link-color: #576b95;
 
- @active-color: var(--van-gray-2);
 
- @active-opacity: 0.6;
 
- @disabled-opacity: 0.5;
 
- @background-color: var(--van-gray-1);
 
- @background-color-light: var(--van-white);
 
- // Padding
 
- @padding-base: 4px;
 
- @padding-xs: @padding-base * 2;
 
- @padding-sm: @padding-base * 3;
 
- @padding-md: @padding-base * 4;
 
- @padding-lg: @padding-base * 6;
 
- @padding-xl: @padding-base * 8;
 
- // Font
 
- @font-size-xs: 10px;
 
- @font-size-sm: 12px;
 
- @font-size-md: 14px;
 
- @font-size-lg: 16px;
 
- @font-weight-bold: 500;
 
- @line-height-xs: 14px;
 
- @line-height-sm: 18px;
 
- @line-height-md: 20px;
 
- @line-height-lg: 22px;
 
- @base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
 
-   Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
 
-   'Microsoft Yahei', sans-serif;
 
- @price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
 
-   sans-serif;
 
- // Animation
 
- @animation-duration-base: 0.3s;
 
- @animation-duration-fast: 0.2s;
 
- @animation-timing-function-enter: ease-out;
 
- @animation-timing-function-leave: ease-in;
 
- // Border
 
- @border-color: var(--van-gray-3);
 
- @border-width-base: 1px;
 
- @border-radius-sm: 2px;
 
- @border-radius-md: 4px;
 
- @border-radius-lg: 8px;
 
- @border-radius-max: 999px;
 
 
  |