UNPKG

@arco-design/web-vue

Version:

Arco Design Vue 2.0: A Vue.js 3 UI Library

arco.design/vue

arco-design/arco-design-vue

56 lines (45 loc) • 2.22 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
@import '../../style/theme/index.less'; @list-border-width: 1px; @list-border-color: var(~'@{arco-cssvars-prefix}-color-neutral-3'); @list-border-radius: @radius-medium; @list-color-text: var(~'@{arco-cssvars-prefix}-color-text-1'); @list-font-size: @font-size-body-3; @list-line-height: @line-height-base; @list-color-text-header: var(~'@{arco-cssvars-prefix}-color-text-1'); @list-color-bg-item-hover: var(~'@{arco-cssvars-prefix}-color-fill-1'); @list-font-size-header: @font-size-title-1; @list-font-weight-header: @font-weight-500; @list-line-height-header: 1.5; /********************************************** * size: small / default / large **********************************************/ @list-size-small-padding-vertical-header: @spacing-4; @list-size-small-padding-horizontal-header: @spacing-8; @list-size-small-padding-vertical-item: 9px; @list-size-small-padding-horizontal-item: @spacing-8; @list-size-default-padding-vertical-header: @spacing-6; @list-size-default-padding-horizontal-header: @spacing-8; @list-size-default-padding-vertical-item: 13px; @list-size-default-padding-horizontal-item: @spacing-8; @list-size-large-padding-vertical-header: @spacing-7; @list-size-large-padding-horizontal-header: @spacing-8; @list-size-large-padding-vertical-item: 17px; @list-size-large-padding-horizontal-item: @spacing-8; // meta @list-meta-font-weight-title: @font-weight-500; @list-meta-color-title: var(~'@{arco-cssvars-prefix}-color-text-1'); @list-mete-color-description: var(~'@{arco-cssvars-prefix}-color-text-2'); @list-meta-margin-right-avatar: @spacing-7; @list-meta-margin-bottom-title: @spacing-1; @list-meta-padding-horizontal: @spacing-none; @list-meta-padding-vertical: @spacing-2; // actions @list-action-gap: @spacing-8; @list-action-margin-top: @spacing-2; // pagination @list-pagination-margin-top: @spacing-9; // vue覆盖token @list-size-medium-padding-vertical-header: @list-size-default-padding-vertical-header; @list-size-medium-padding-horizontal-header: @list-size-default-padding-horizontal-header; @list-size-medium-padding-vertical-item: @list-size-default-padding-vertical-item; @list-size-medium-padding-horizontal-item: @list-size-default-padding-horizontal-item;