1 | :root {
|
2 | --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
|
3 | --tab-nav-scroll-padding-right-m: 60px;
|
4 | --tab-nav-scroll-padding-right-s: 56px;
|
5 | --tab-nav-tab-icon-size-m: 16px;
|
6 | --tab-nav-tab-icon-size-s: 12px;
|
7 | --tab-nav-close-icon-size-m: 12px;
|
8 | --tab-nav-close-icon-size-s: 8px;
|
9 | --tab-nav-close-icon-padding-l-size-m: 8px;
|
10 | --tab-nav-close-icon-padding-l-size-s: 8px;
|
11 | --tab-nav-arrow-left-positon-right: 32px;
|
12 | --tab-nav-arrow-right-positon-right: 8px;
|
13 | --tab-nav-arrow-down-positon-right: 8px;
|
14 | --tab-item-padding-tb-size-m: 12px;
|
15 | --tab-item-padding-tb-size-s: 8px;
|
16 | --tab-item-padding-lr-size-m: 16px;
|
17 | --tab-item-padding-lr-size-s: 12px;
|
18 | --tab-item-text-size-m: 12px;
|
19 | --tab-item-text-size-s: 12px;
|
20 | --tab-close-icon-color: #666666;
|
21 | --tab-close-icon-color-hover: #333333;
|
22 | --tab-close-icon-color-selected: #5584FF;
|
23 | --tab-close-icon-color-disabled: #DCDEE3;
|
24 | --tab-item-font-weight-selected: normal;
|
25 | --tab-nav-arrow-color-normal: #666666;
|
26 | --tab-nav-arrow-color-hover: #333333;
|
27 | --tab-nav-arrow-color-disabled: #DCDEE3;
|
28 | --tab-pure-divider-line-width: 1px;
|
29 | --tab-pure-ink-bar-width: 2px;
|
30 | --tab-pure-ink-bar-padding-l: 0px;
|
31 | --tab-pure-text-color-normal: #666666;
|
32 | --tab-pure-bg-color: transparent;
|
33 | --tab-pure-text-color-hover: #333333;
|
34 | --tab-pure-text-color-selected: #5584FF;
|
35 | --tab-pure-text-color-disabled: #DCDEE3;
|
36 | --tab-pure-ink-bar-color: #5584FF;
|
37 | --tab-pure-divider-border-color: #DCDEE3;
|
38 | --tab-pure-divider-border-style: solid;
|
39 | --tab-pure-divider-shadow: none;
|
40 | --tab-pure-divider-line: solid 1px #DCDEE3;
|
41 | --tab-wrapped-border-line-style: solid;
|
42 | --tab-wrapped-border-line-width: 1px;
|
43 | --tab-wrapped-border-side-width: 1px;
|
44 | --tab-wrapped-tab-corner-radius: 3px;
|
45 | --tab-wrapped-tab-top-border-radius: 3px 3px 0 0;
|
46 | --tab-wrapped-tab-bottom-border-radius: 0 0 3px 3px;
|
47 | --tab-wrapped-tab-left-border-radius: 3px 0 0 3px;
|
48 | --tab-wrapped-tab-right-border-radius: 0 3px 3px 0;
|
49 | --tab-wrapped-tab-margin-right: 4px;
|
50 | --tab-wrapped-tab-margin-bottom: 4px;
|
51 | --tab-wrapped-ink-bar-width: 2px;
|
52 | --tab-wrapped-ink-bar-padding-l: 0px;
|
53 | --tab-wrapped-bar-bg-color: transparent;
|
54 | --tab-wrapped-ink-bar-color: #5584FF;
|
55 | --tab-wrapped-nav-item-border-color-active: #5584FF;
|
56 | --tab-wrapped-border-line-color: #DCDEE3;
|
57 | --tab-wrapped-bar-border: solid 1px #DCDEE3;
|
58 | --tab-wrapped-content-border-line-width: 1px;
|
59 | --tab-wrapped-content-border-line-style: solid;
|
60 | --tab-wrapped-content-border-line-color: #DCDEE3;
|
61 | --tab-wrapped-content-border: 1px solid #DCDEE3;
|
62 | --tab-wrapped-text-color: #666666;
|
63 | --tab-wrapped-text-color-hover: #333333;
|
64 | --tab-wrapped-bg-color: #F2F3F7;
|
65 | --tab-wrapped-bg-color-hover: #EBECF0;
|
66 | --tab-wrapped-border-line-color-hover: #C4C6CF;
|
67 | --tab-wrapped-text-color-selected: #5584FF;
|
68 | --tab-wrapped-text-color-disabled: #CCCCCC;
|
69 | --tab-wrapped-bg-color-selected: #FFFFFF;
|
70 | --tab-wrapped-bg-color-disabled: #F7F8FA;
|
71 | --tab-wrapped-content-position-top: 1px;
|
72 | --tab-wrapped-content-position-right: 1px;
|
73 | --tab-capsule-text-color: #333333;
|
74 | --tab-capsule-text-color-hover: #333333;
|
75 | --tab-capsule-text-color-selected: #FFFFFF;
|
76 | --tab-capsule-text-color-disabled: #CCCCCC;
|
77 | --tab-capsule-bg-color: #F2F3F7;
|
78 | --tab-capsule-bg-color-hover: #EBECF0;
|
79 | --tab-capsule-bg-color-selected: #5584FF;
|
80 | --tab-capsule-bg-color-disabled: #F7F8FA;
|
81 | --tab-capsule-tab-border-line-color: #C4C6CF;
|
82 | --tab-capsule-tab-border-line-color-hover: #C4C6CF;
|
83 | --tab-capsule-tab-border-line-color-active: #5584FF;
|
84 | --tab-capsule-tab-border-line-color-disabled: #E6E7EB;
|
85 | --tab-capsule-corner-radius: 3px;
|
86 | --tab-capsule-tab-border-line-width: 1px;
|
87 | --tab-capsule-tab-border-line-style: solid;
|
88 | --tab-capsule-tab-border: 1px solid #C4C6CF;
|
89 | --tab-text-item-sep-width: 1px;
|
90 | --tab-text-item-sep-height: 8px;
|
91 | --tab-text-item-sep-color: #DCDEE3;
|
92 | --tab-text-text-color-normal: #666666;
|
93 | --tab-text-text-color-hover: #333333;
|
94 | --tab-text-text-color-selected: #5584FF;
|
95 | --tab-text-text-color-disabled: #CCCCCC;
|
96 | --tab-icon-dropdown-content: "";
|
97 | --tab-icon-prev-content: "";
|
98 | --tab-icon-next-content: "";
|
99 | }
|