|
3 | 3 | @unocss; |
4 | 4 |
|
5 | 5 | body { |
6 | | - scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track); |
7 | | - /* 对于webkit浏览器的滚动条样式 */ |
8 | | - scrollbar-width: thin; |
| 6 | + scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track); |
| 7 | + /* 对于webkit浏览器的滚动条样式 */ |
| 8 | + scrollbar-width: thin; |
9 | 9 | } |
10 | 10 |
|
11 | | -body[arco-theme="dark"] { |
12 | | - --un-default-border-color: var(--color-border-2); |
13 | | - --color-scrollbar-thumb: #6b6b6b; |
14 | | - --color-scrollbar-track: #2d2d2d; |
15 | | - --color-scrollbar-thumb-hover: #8c8c8c; |
| 11 | +body[arco-theme='dark'] { |
| 12 | + --un-default-border-color: var(--color-border-2); |
| 13 | + --color-scrollbar-thumb: #6b6b6b; |
| 14 | + --color-scrollbar-track: #2d2d2d; |
| 15 | + --color-scrollbar-thumb-hover: #8c8c8c; |
16 | 16 | } |
17 | 17 |
|
18 | | -body[arco-theme="light"] { |
19 | | - --color-scrollbar-thumb: #6b6b6b; |
20 | | - --color-scrollbar-track: #f0f0f0; |
21 | | - --color-scrollbar-thumb-hover: #8c8c8c; |
| 18 | +body[arco-theme='light'] { |
| 19 | + --color-scrollbar-thumb: #6b6b6b; |
| 20 | + --color-scrollbar-track: #f0f0f0; |
| 21 | + --color-scrollbar-thumb-hover: #8c8c8c; |
22 | 22 | } |
23 | 23 |
|
24 | 24 | :root { |
25 | | - --sc-zero-1: 0; |
26 | | - --sc-zero-2: 0; |
27 | | - --sc-zero-3: 0; |
28 | | - --sc-zero-4: 0; |
| 25 | + --sc-zero-1: 0; |
| 26 | + --sc-zero-2: 0; |
| 27 | + --sc-zero-3: 0; |
| 28 | + --sc-zero-4: 0; |
29 | 29 | } |
30 | 30 |
|
31 | 31 | /* 自定义 .sc-inset-0 避免打包成 inset: 0 使旧浏览器布局错位 */ |
32 | 32 | .sc-inset-0 { |
33 | | - top: var(--sc-zero-1); |
34 | | - left: var(--sc-zero-2); |
35 | | - right: var(--sc-zero-3); |
36 | | - bottom: var(--sc-zero-4); |
| 33 | + top: var(--sc-zero-1); |
| 34 | + left: var(--sc-zero-2); |
| 35 | + right: var(--sc-zero-3); |
| 36 | + bottom: var(--sc-zero-4); |
37 | 37 | } |
0 commit comments