Skip to content

Commit eecf5f5

Browse files
luckyJeffyKimYangOfCatHerbertHe
authored
docs(cn): utilities/borders translation (#54)
* docs(cn): utilities/borders translation * docs(cn): utilities/borders Adjust the translation content according to the translate glossary * Update utilities/borders.md Co-authored-by: Kim Yang <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md Co-authored-by: Herbert <[email protected]> * Update utilities/borders.md * Update utilities/borders.md Co-authored-by: Kim Yang <[email protected]> Co-authored-by: Kim Yang <[email protected]> Co-authored-by: Herbert <[email protected]>
1 parent 91a82dd commit eecf5f5

File tree

1 file changed

+34
-34
lines changed

1 file changed

+34
-34
lines changed

‎utilities/borders.md

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
# Borders
1+
# 边框 {#border}
22

3-
## Border Radius
3+
## 边框圆角 {#border-radius}
44

5-
Utilities for controlling the border radius of an element.
5+
用于控制元素边框圆角半径的工具类。
66

77
<PlaygroundWithBox
88
variant='3xl'
@@ -32,9 +32,9 @@ export default {
3232

3333
</Customizing>
3434

35-
## Border Width
35+
## 边框宽度 {#border-width}
3636

37-
Utilities for controlling the width of an element's borders.
37+
用于控制元素边框宽度的工具类。
3838

3939
<PlaygroundWithBox
4040
mode='edges'
@@ -61,9 +61,9 @@ export default {
6161

6262
</Customizing>
6363

64-
## Border Color
64+
## 边框颜色 {#border-color}
6565

66-
Utilities for controlling the color of an element's borders.
66+
用于控制元素边框颜色的工具类。
6767

6868
<PlaygroundWithVariants
6969
variant='gray-500'
@@ -74,7 +74,7 @@ Utilities for controlling the color of an element's borders.
7474

7575
<Customizing>
7676

77-
You can customize your color palette by editing the `theme.colors` section of your `windi.config.js` file, or customize just your border colors using the theme.borderColor section.
77+
你可以通过编辑 `windi.config.js` 文件 `theme.colors` 的部分来自定义调色板，或仅使用 `theme.borderColor` 部分自定义边框颜色。
7878

7979
```js
8080
// windi.config.js
@@ -93,9 +93,9 @@ export default {
9393

9494
</Customizing>
9595

96-
## Border Opacity
96+
## 边框不透明度 {#border-opacity}
9797

98-
Utilities for controlling the opacity of an element's border color.
98+
用于控制元素边框颜色不透明度的工具类。
9999

100100
<PlaygroundWithVariants
101101
variant='50'
@@ -121,9 +121,9 @@ export default {
121121

122122
</Customizing>
123123

124-
## Border Style
124+
## 边框样式 {#border-style}
125125

126-
Utilities for controlling the style of an element's borders.
126+
用于控制元素边框样式的工具类。
127127

128128
<PlaygroundWithVariants
129129
variant='solid'
@@ -132,11 +132,11 @@ Utilities for controlling the style of an element's borders.
132132
fixed='bg-gray-500 bg-opacity-5 border-3 border-teal-500 m-auto mt-6 mb-2 w-30 h-30 text-transparent transition-all'
133133
/>
134134

135-
## Divide Width
135+
## 分割线宽度 {#divide-width}
136136

137-
Utilities for controlling the border width between elements.
137+
用于控制元素之间分割线宽度的工具类。
138138

139-
#### Divide Y
139+
#### 纵向分割线 {#divide-y}
140140

141141
<PlaygroundWithVariants
142142
variant=''
@@ -152,7 +152,7 @@ Utilities for controlling the border width between elements.
152152
&lt;/div&gt;'
153153
/>
154154

155-
#### Divide X
155+
#### 分割横向 {#divide-x}
156156

157157
<PlaygroundWithVariants
158158
variant=''
@@ -170,7 +170,7 @@ Utilities for controlling the border width between elements.
170170

171171
<Customizing>
172172

173-
The divide width scale inherits its values from the `borderWidth` scale by default, so if you'd like to customize your values for both border width and divide width together, use the `theme.borderWidth` section of your `windi.config.js` file.
173+
分割线宽度大小默认继承了 `borderWidth` 的大小，所以如果你希望同时自定义边框宽度和分割线宽度的值，修改 `windi.config.js` 文件中 `theme.borderWidth` 部分。
174174

175175
```js
176176
// windi.config.js
@@ -189,7 +189,7 @@ export default {
189189
}
190190
```
191191

192-
To customize only the divide width values, use the theme.divideWidth section of your windi.config.js file.
192+
如果仅需要自定义分割线的宽度值，修改 `windi.config.js` 文件中 `theme.divideWidth` 部分。
193193

194194
```js
195195
// windi.config.js
@@ -210,9 +210,9 @@ export default {
210210

211211
</Customizing>
212212

213-
## Divide Color
213+
## 分割线颜色 {#divide-color}
214214

215-
Utilities for controlling the border color between elements.
215+
用于控制元素之间分割线颜色的工具类。
216216

217217
<PlaygroundWithVariants
218218
variant='gray-500'
@@ -246,9 +246,9 @@ export default {
246246

247247
</Customizing>
248248

249-
## Divide Opacity
249+
## 分割线不透明度 {#divide-opacity}
250250

251-
Utilities for controlling the opacity borders between elements.
251+
用于控制元素之间分割线不透明度的工具类。
252252

253253
<PlaygroundWithVariants
254254
variant='50'
@@ -284,9 +284,9 @@ export default {
284284

285285
</Customizing>
286286

287-
## Divide Style
287+
## 分割线样式 {#divide-style}
288288

289-
Utilities for controlling the border style between elements.
289+
用于控制元素之间分割线样式的工具类。
290290

291291
<PlaygroundWithVariants
292292
variant='dashed'
@@ -302,9 +302,9 @@ Utilities for controlling the border style between elements.
302302
&lt;/div&gt;'
303303
/>
304304

305-
## Ring Width
305+
## 轮廓环宽度 {#ring-width}
306306

307-
Utilities for creating outline rings with box-shadows.
307+
用于创建带有 `box-shadows` 的轮廓环工具类。
308308

309309
<PlaygroundWithVariants
310310
variant=''
@@ -337,9 +337,9 @@ export default {
337337

338338
</Customizing>
339339

340-
## Ring Color
340+
## 轮廓环颜色 {#ring-color}
341341

342-
Utilities for setting the color of outline rings.
342+
用于设置轮廓环颜色的工具类。
343343

344344
<PlaygroundWithVariants
345345
variant='gray-500'
@@ -371,9 +371,9 @@ export default {
371371

372372
</Customizing>
373373

374-
## Ring Opacity
374+
## 轮廓环不透明度 {#ring-opacity}
375375

376-
Utilities for setting the opacity of outline rings.
376+
用于设置轮廓环不透明度的工具类。
377377

378378
<PlaygroundWithVariants
379379
variant='50'
@@ -406,9 +406,9 @@ export default {
406406

407407
</Customizing>
408408

409-
## Ring Offset Width
409+
## 轮廓环偏移宽度 {#ring-offset-width}
410410

411-
Utilities for simulating an offset when adding outline rings.
411+
用于添加轮廓环时, 模拟偏移的工具类。
412412

413413
<PlaygroundWithVariants
414414
variant='2'
@@ -442,9 +442,9 @@ export default {
442442

443443
</Customizing>
444444

445-
## Ring Offset Color
445+
## 轮廓环偏移颜色 {#ring-offset-color}
446446

447-
Utilities for setting the color of outline ring offsets.
447+
用于设置轮廓环偏移颜色的工具类。
448448

449449
<PlaygroundWithVariants
450450
variant='gray-500'

0 commit comments

Comments
 (0)