@douyinfe/semi-foundation 2.58.0 → 2.58.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -500,6 +500,7 @@
500
500
  animation-fill-mode: forwards;
501
501
  }
502
502
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
503
+ font-size: 14px;
503
504
  padding: 16px 4px 14px 4px;
504
505
  transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
505
506
  border-bottom: 2px solid transparent;
@@ -518,9 +519,11 @@
518
519
  border-bottom: 2px solid var(--semi-color-fill-1);
519
520
  }
520
521
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
522
+ font-size: 14px;
521
523
  padding: 8px 4px 6px 4px;
522
524
  }
523
525
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
526
+ font-size: 14px;
524
527
  padding: 12px 4px 10px 4px;
525
528
  }
526
529
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
690
690
  &.#{$module}-tab-top {
691
691
 
692
692
  &.#{$module}-tab {
693
+ font-size: $font-tabs_bar_large-fontSize;
693
694
  padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
694
695
  transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
695
696
  color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
718
719
  // }
719
720
 
720
721
  &-small {
722
+ font-size: $font-tabs_bar_small-fontSize;
721
723
  padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
722
724
  }
723
725
 
724
726
  &-medium {
727
+ font-size: $font-tabs_bar_medium-fontSize;
725
728
  padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
726
729
  }
727
730
  }
@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
144
144
  $radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
145
145
  $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
146
146
 
147
+
148
+ $font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
149
+ $font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
150
+ $font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
151
+
152
+
@@ -245,64 +245,64 @@
245
245
  .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
246
246
  background-color: transparent;
247
247
  }
248
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
248
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
249
249
  padding-left: 8px;
250
250
  }
251
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
251
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
252
252
  padding-left: 28px;
253
253
  }
254
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
254
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
255
255
  padding-left: 48px;
256
256
  }
257
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
257
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
258
258
  padding-left: 68px;
259
259
  }
260
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
260
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
261
261
  padding-left: 88px;
262
262
  }
263
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
263
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
264
264
  padding-left: 108px;
265
265
  }
266
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
266
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
267
267
  padding-left: 128px;
268
268
  }
269
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
269
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
270
270
  padding-left: 148px;
271
271
  }
272
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
272
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
273
273
  padding-left: 168px;
274
274
  }
275
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
275
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
276
276
  padding-left: 188px;
277
277
  }
278
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
278
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
279
279
  padding-left: 208px;
280
280
  }
281
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
281
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
282
282
  padding-left: 228px;
283
283
  }
284
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
284
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
285
285
  padding-left: 248px;
286
286
  }
287
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
287
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
288
288
  padding-left: 268px;
289
289
  }
290
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
290
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
291
291
  padding-left: 288px;
292
292
  }
293
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
293
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
294
294
  padding-left: 308px;
295
295
  }
296
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
296
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
297
297
  padding-left: 328px;
298
298
  }
299
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
299
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
300
300
  padding-left: 348px;
301
301
  }
302
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
302
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
303
303
  padding-left: 368px;
304
304
  }
305
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
305
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
306
306
  padding-left: 388px;
307
307
  }
308
308
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
330
330
  }
331
331
 
332
332
  @for $i from 1 through 20 {
333
- li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
333
+ .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
334
  padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
335
  }
336
336
  }
@@ -500,6 +500,7 @@
500
500
  animation-fill-mode: forwards;
501
501
  }
502
502
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
503
+ font-size: 14px;
503
504
  padding: 16px 4px 14px 4px;
504
505
  transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
505
506
  border-bottom: 2px solid transparent;
@@ -518,9 +519,11 @@
518
519
  border-bottom: 2px solid var(--semi-color-fill-1);
519
520
  }
520
521
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-small {
522
+ font-size: 14px;
521
523
  padding: 8px 4px 6px 4px;
522
524
  }
523
525
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-medium {
526
+ font-size: 14px;
524
527
  padding: 12px 4px 10px 4px;
525
528
  }
526
529
  .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active, .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab-active:hover {
@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
690
690
  &.#{$module}-tab-top {
691
691
 
692
692
  &.#{$module}-tab {
693
+ font-size: $font-tabs_bar_large-fontSize;
693
694
  padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
694
695
  transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
695
696
  color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
718
719
  // }
719
720
 
720
721
  &-small {
722
+ font-size: $font-tabs_bar_small-fontSize;
721
723
  padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
722
724
  }
723
725
 
724
726
  &-medium {
727
+ font-size: $font-tabs_bar_medium-fontSize;
725
728
  padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
726
729
  }
727
730
  }
@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
144
144
  $radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
145
145
  $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
146
146
 
147
+
148
+ $font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
149
+ $font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
150
+ $font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
151
+
152
+
@@ -245,64 +245,64 @@
245
245
  .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
246
246
  background-color: transparent;
247
247
  }
248
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
248
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
249
249
  padding-left: 8px;
250
250
  }
251
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
251
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
252
252
  padding-left: 28px;
253
253
  }
254
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
254
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
255
255
  padding-left: 48px;
256
256
  }
257
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
257
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
258
258
  padding-left: 68px;
259
259
  }
260
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
260
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
261
261
  padding-left: 88px;
262
262
  }
263
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
263
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
264
264
  padding-left: 108px;
265
265
  }
266
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
266
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
267
267
  padding-left: 128px;
268
268
  }
269
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
269
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
270
270
  padding-left: 148px;
271
271
  }
272
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
272
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
273
273
  padding-left: 168px;
274
274
  }
275
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
275
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
276
276
  padding-left: 188px;
277
277
  }
278
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
278
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
279
279
  padding-left: 208px;
280
280
  }
281
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
281
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
282
282
  padding-left: 228px;
283
283
  }
284
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
284
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
285
285
  padding-left: 248px;
286
286
  }
287
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
287
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
288
288
  padding-left: 268px;
289
289
  }
290
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
290
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
291
291
  padding-left: 288px;
292
292
  }
293
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
293
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
294
294
  padding-left: 308px;
295
295
  }
296
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
296
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
297
297
  padding-left: 328px;
298
298
  }
299
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
299
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
300
300
  padding-left: 348px;
301
301
  }
302
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
302
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
303
303
  padding-left: 368px;
304
304
  }
305
- .semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
305
+ .semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
306
306
  padding-left: 388px;
307
307
  }
308
308
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
330
330
  }
331
331
 
332
332
  @for $i from 1 through 20 {
333
- li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
333
+ .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
334
  padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
335
  }
336
336
  }
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.58.0",
3
+ "version": "2.58.1",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
7
7
  "prepublishOnly": "npm run build:lib"
8
8
  },
9
9
  "dependencies": {
10
- "@douyinfe/semi-animation": "2.58.0",
10
+ "@douyinfe/semi-animation": "2.58.1",
11
11
  "async-validator": "^3.5.0",
12
12
  "classnames": "^2.2.6",
13
13
  "date-fns": "^2.29.3",
@@ -24,7 +24,7 @@
24
24
  "*.scss",
25
25
  "*.css"
26
26
  ],
27
- "gitHead": "71f716ee06be81190ed3d28de4e61542ad0b62d3",
27
+ "gitHead": "1e48bf7b71e78f49b188ff82c5ab61884a6ec0ab",
28
28
  "devDependencies": {
29
29
  "@babel/plugin-transform-runtime": "^7.15.8",
30
30
  "@babel/preset-env": "^7.15.8",
package/tabs/tabs.scss CHANGED
@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
690
690
  &.#{$module}-tab-top {
691
691
 
692
692
  &.#{$module}-tab {
693
+ font-size: $font-tabs_bar_large-fontSize;
693
694
  padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
694
695
  transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
695
696
  color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
718
719
  // }
719
720
 
720
721
  &-small {
722
+ font-size: $font-tabs_bar_small-fontSize;
721
723
  padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
722
724
  }
723
725
 
724
726
  &-medium {
727
+ font-size: $font-tabs_bar_medium-fontSize;
725
728
  padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
726
729
  }
727
730
  }
@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
144
144
  $radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
145
145
  $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
146
146
 
147
+
148
+ $font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
149
+ $font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
150
+ $font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
151
+
152
+
package/tree/tree.scss CHANGED
@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
330
330
  }
331
331
 
332
332
  @for $i from 1 through 20 {
333
- li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
333
+ .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
334
334
  padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
335
335
  }
336
336
  }