@timus-networks/theme 2.4.130 → 2.4.132

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.
@@ -368,7 +368,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
368
368
  }
369
369
  .el-button {
370
370
  padding: 12px 15px;
371
- font-size: 14px;
371
+ font-size: 16px;
372
372
  border-radius: var(--el-border-radius-small);
373
373
  }
374
374
  .el-button.is-round {
@@ -994,12 +994,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
994
994
  height: var(--el-button-size);
995
995
  min-width: var(--el-button-size);
996
996
  }
997
+ .el-button--large:empty {
998
+ padding: 0 11px;
999
+ }
997
1000
  .el-button--large [class*=el-icon] + span {
998
1001
  margin-left: 8px;
999
1002
  }
1000
1003
  .el-button--large {
1001
1004
  padding: 12px 15px;
1002
- font-size: 14px;
1005
+ font-size: 16px;
1003
1006
  border-radius: var(--el-border-radius-small);
1004
1007
  }
1005
1008
  .el-button--large.is-round {
@@ -1019,9 +1022,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1019
1022
  height: var(--el-button-size);
1020
1023
  min-width: var(--el-button-size);
1021
1024
  }
1025
+ .el-button--medium:empty {
1026
+ padding: 0 9px;
1027
+ }
1022
1028
  .el-button--medium {
1023
1029
  padding: 8px 15px;
1024
- font-size: 14px;
1030
+ font-size: 16px;
1025
1031
  border-radius: 4px;
1026
1032
  }
1027
1033
  .el-button--medium.is-round {
@@ -1041,6 +1047,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1041
1047
  height: var(--el-button-size);
1042
1048
  min-width: var(--el-button-size);
1043
1049
  }
1050
+ .el-button--small:empty {
1051
+ padding: 0 9px;
1052
+ }
1044
1053
  .el-button--small [class*=el-icon] + span {
1045
1054
  margin-left: 4px;
1046
1055
  }
@@ -1066,6 +1075,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1066
1075
  height: var(--el-button-size);
1067
1076
  min-width: var(--el-button-size);
1068
1077
  }
1078
+ .el-button--mini:empty {
1079
+ padding: 0 7px;
1080
+ }
1069
1081
  .el-button--mini {
1070
1082
  padding: 5px 15px;
1071
1083
  font-size: 12px;
@@ -1,4 +1,5 @@
1
1
  @use 'sass:map';
2
+ @use 'sass:math';
2
3
 
3
4
  @use 'common/var' as *;
4
5
  @use 'mixins/button' as *;
@@ -321,6 +322,10 @@ $button-icon-span-gap: map.merge(
321
322
  height: getCssVar('button', 'size');
322
323
  min-width: getCssVar('button', 'size');
323
324
 
325
+ &:empty {
326
+ padding: 0 math.div(map.get($common-component-size, $size) - ($button-border-width * 2) - map.get($button-font-size, $size), 2);
327
+ }
328
+
324
329
  & [class*='#{$namespace}-icon'] {
325
330
  & + span {
326
331
  margin-left: map.get($button-icon-span-gap, $size);
@@ -341,7 +341,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
341
341
  transition: var(--el-transition-all);
342
342
  user-select: none;
343
343
  padding: 12px 15px;
344
- font-size: 14px;
344
+ font-size: 16px;
345
345
  border-radius: 0;
346
346
  }
347
347
  .el-checkbox-button__inner.is-round {
@@ -405,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
405
405
  --el-button-size: 40px;
406
406
  height: var(--el-button-size);
407
407
  padding: 12px 15px;
408
- font-size: 14px;
408
+ font-size: 16px;
409
409
  border-radius: 0;
410
410
  }
411
411
  .el-checkbox-button--large .el-checkbox-button__inner.is-round {
@@ -416,7 +416,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
416
416
  --el-button-size: 36px;
417
417
  height: var(--el-button-size);
418
418
  padding: 8px 15px;
419
- font-size: 14px;
419
+ font-size: 16px;
420
420
  border-radius: 0;
421
421
  }
422
422
  .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
@@ -355,7 +355,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
355
355
  border-radius: var(--el-border-radius-small);
356
356
  }
357
357
  .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
358
- font-size: 14px;
358
+ font-size: 16px;
359
359
  }
360
360
  .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
361
361
  height: 16px;
@@ -366,7 +366,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
366
366
  border-radius: 4px;
367
367
  }
368
368
  .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
369
- font-size: 14px;
369
+ font-size: 16px;
370
370
  }
371
371
  .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
372
372
  height: 14px;
@@ -523,7 +523,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
523
523
  height: 40px;
524
524
  }
525
525
  .el-checkbox.el-checkbox--large .el-checkbox__label {
526
- font-size: 14px;
526
+ font-size: 16px;
527
527
  }
528
528
 
529
529
  .el-checkbox.el-checkbox--large .el-checkbox__inner {
@@ -535,7 +535,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
535
535
  height: 36px;
536
536
  }
537
537
  .el-checkbox.el-checkbox--medium .el-checkbox__label {
538
- font-size: 14px;
538
+ font-size: 16px;
539
539
  }
540
540
 
541
541
  .el-checkbox.el-checkbox--medium .el-checkbox__inner {
@@ -778,9 +778,9 @@ $button-text-color: () !default;
778
778
  $button-font-size: () !default;
779
779
  $button-font-size: map.merge(
780
780
  (
781
- 'large': map.get($font-size, 'medium'),
782
- 'default': map.get($font-size, 'medium'),
783
- 'medium': map.get($font-size, 'medium'),
781
+ 'large': map.get($font-size, 'large'),
782
+ 'default': map.get($font-size, 'large'),
783
+ 'medium': map.get($font-size, 'large'),
784
784
  'small': map.get($font-size, 'small'),
785
785
  'mini': map.get($font-size, 'small'),
786
786
  ),
@@ -1431,7 +1431,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1431
1431
  }
1432
1432
  .el-button {
1433
1433
  padding: 12px 15px;
1434
- font-size: 14px;
1434
+ font-size: 16px;
1435
1435
  border-radius: var(--el-border-radius-small);
1436
1436
  }
1437
1437
  .el-button.is-round {
@@ -2057,12 +2057,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2057
2057
  height: var(--el-button-size);
2058
2058
  min-width: var(--el-button-size);
2059
2059
  }
2060
+ .el-button--large:empty {
2061
+ padding: 0 11px;
2062
+ }
2060
2063
  .el-button--large [class*=el-icon] + span {
2061
2064
  margin-left: 8px;
2062
2065
  }
2063
2066
  .el-button--large {
2064
2067
  padding: 12px 15px;
2065
- font-size: 14px;
2068
+ font-size: 16px;
2066
2069
  border-radius: var(--el-border-radius-small);
2067
2070
  }
2068
2071
  .el-button--large.is-round {
@@ -2082,9 +2085,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2082
2085
  height: var(--el-button-size);
2083
2086
  min-width: var(--el-button-size);
2084
2087
  }
2088
+ .el-button--medium:empty {
2089
+ padding: 0 9px;
2090
+ }
2085
2091
  .el-button--medium {
2086
2092
  padding: 8px 15px;
2087
- font-size: 14px;
2093
+ font-size: 16px;
2088
2094
  border-radius: 4px;
2089
2095
  }
2090
2096
  .el-button--medium.is-round {
@@ -2104,6 +2110,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2104
2110
  height: var(--el-button-size);
2105
2111
  min-width: var(--el-button-size);
2106
2112
  }
2113
+ .el-button--small:empty {
2114
+ padding: 0 9px;
2115
+ }
2107
2116
  .el-button--small [class*=el-icon] + span {
2108
2117
  margin-left: 4px;
2109
2118
  }
@@ -2129,6 +2138,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2129
2138
  height: var(--el-button-size);
2130
2139
  min-width: var(--el-button-size);
2131
2140
  }
2141
+ .el-button--mini:empty {
2142
+ padding: 0 7px;
2143
+ }
2132
2144
  .el-button--mini {
2133
2145
  padding: 5px 15px;
2134
2146
  font-size: 12px;
@@ -3004,7 +3016,7 @@ heights > $common-component-size
3004
3016
  transition: var(--el-transition-all);
3005
3017
  user-select: none;
3006
3018
  padding: 12px 15px;
3007
- font-size: 14px;
3019
+ font-size: 16px;
3008
3020
  border-radius: 0;
3009
3021
  }
3010
3022
  .el-checkbox-button__inner.is-round {
@@ -3068,7 +3080,7 @@ heights > $common-component-size
3068
3080
  --el-button-size: 40px;
3069
3081
  height: var(--el-button-size);
3070
3082
  padding: 12px 15px;
3071
- font-size: 14px;
3083
+ font-size: 16px;
3072
3084
  border-radius: 0;
3073
3085
  }
3074
3086
  .el-checkbox-button--large .el-checkbox-button__inner.is-round {
@@ -3079,7 +3091,7 @@ heights > $common-component-size
3079
3091
  --el-button-size: 36px;
3080
3092
  height: var(--el-button-size);
3081
3093
  padding: 8px 15px;
3082
- font-size: 14px;
3094
+ font-size: 16px;
3083
3095
  border-radius: 0;
3084
3096
  }
3085
3097
  .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
@@ -3173,7 +3185,7 @@ heights > $common-component-size
3173
3185
  border-radius: var(--el-border-radius-small);
3174
3186
  }
3175
3187
  .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
3176
- font-size: 14px;
3188
+ font-size: 16px;
3177
3189
  }
3178
3190
  .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
3179
3191
  height: 16px;
@@ -3184,7 +3196,7 @@ heights > $common-component-size
3184
3196
  border-radius: 4px;
3185
3197
  }
3186
3198
  .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
3187
- font-size: 14px;
3199
+ font-size: 16px;
3188
3200
  }
3189
3201
  .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
3190
3202
  height: 14px;
@@ -3341,7 +3353,7 @@ heights > $common-component-size
3341
3353
  height: 40px;
3342
3354
  }
3343
3355
  .el-checkbox.el-checkbox--large .el-checkbox__label {
3344
- font-size: 14px;
3356
+ font-size: 16px;
3345
3357
  }
3346
3358
 
3347
3359
  .el-checkbox.el-checkbox--large .el-checkbox__inner {
@@ -3353,7 +3365,7 @@ heights > $common-component-size
3353
3365
  height: 36px;
3354
3366
  }
3355
3367
  .el-checkbox.el-checkbox--medium .el-checkbox__label {
3356
- font-size: 14px;
3368
+ font-size: 16px;
3357
3369
  }
3358
3370
 
3359
3371
  .el-checkbox.el-checkbox--medium .el-checkbox__inner {
@@ -9240,6 +9252,7 @@ heights > $common-component-size
9240
9252
  flex-grow: 1;
9241
9253
  box-sizing: border-box;
9242
9254
  vertical-align: middle;
9255
+ align-items: flex-start;
9243
9256
  }
9244
9257
  .el-input::-webkit-scrollbar {
9245
9258
  z-index: 11;
@@ -11707,7 +11720,7 @@ h6,
11707
11720
  transition: var(--el-transition-all);
11708
11721
  user-select: none;
11709
11722
  padding: 12px 15px;
11710
- font-size: 14px;
11723
+ font-size: 16px;
11711
11724
  border-radius: 0;
11712
11725
  }
11713
11726
  .el-radio-button__inner.is-round {
@@ -11770,7 +11783,7 @@ h6,
11770
11783
  }
11771
11784
  .el-radio-button--large .el-radio-button__inner {
11772
11785
  padding: 12px 15px;
11773
- font-size: 14px;
11786
+ font-size: 16px;
11774
11787
  border-radius: 0;
11775
11788
  height: 40px;
11776
11789
  }
@@ -11780,7 +11793,7 @@ h6,
11780
11793
 
11781
11794
  .el-radio-button--medium .el-radio-button__inner {
11782
11795
  padding: 8px 15px;
11783
- font-size: 14px;
11796
+ font-size: 16px;
11784
11797
  border-radius: 0;
11785
11798
  height: 36px;
11786
11799
  }
@@ -11875,7 +11888,7 @@ h6,
11875
11888
  border-radius: var(--el-border-radius-small);
11876
11889
  }
11877
11890
  .el-radio.is-bordered.el-radio--large .el-radio__label {
11878
- font-size: 14px;
11891
+ font-size: 16px;
11879
11892
  }
11880
11893
  .el-radio.is-bordered.el-radio--large .el-radio__inner {
11881
11894
  height: 16px;
@@ -11886,7 +11899,7 @@ h6,
11886
11899
  border-radius: var(--el-border-radius-small);
11887
11900
  }
11888
11901
  .el-radio.is-bordered.el-radio--medium .el-radio__label {
11889
- font-size: 14px;
11902
+ font-size: 16px;
11890
11903
  }
11891
11904
  .el-radio.is-bordered.el-radio--medium .el-radio__inner {
11892
11905
  height: 14px;
@@ -12028,7 +12041,7 @@ h6,
12028
12041
  }
12029
12042
 
12030
12043
  .el-radio.el-radio--large .el-radio__label {
12031
- font-size: 14px;
12044
+ font-size: 16px;
12032
12045
  }
12033
12046
 
12034
12047
  .el-radio.el-radio--large .el-radio__inner {
@@ -12036,7 +12049,7 @@ h6,
12036
12049
  height: 16px;
12037
12050
  }
12038
12051
  .el-radio.el-radio--medium .el-radio__label {
12039
- font-size: 14px;
12052
+ font-size: 16px;
12040
12053
  }
12041
12054
 
12042
12055
  .el-radio.el-radio--medium .el-radio__inner {
@@ -13495,7 +13508,7 @@ h6,
13495
13508
  display: inline-flex;
13496
13509
  align-items: center;
13497
13510
  position: relative;
13498
- font-size: 14px;
13511
+ font-size: 16px;
13499
13512
  line-height: 20px;
13500
13513
  height: 36px;
13501
13514
  vertical-align: middle;
@@ -13529,7 +13542,7 @@ h6,
13529
13542
  transition: var(--el-transition-duration-fast);
13530
13543
  height: 20px;
13531
13544
  display: inline-block;
13532
- font-size: 14px;
13545
+ font-size: 16px;
13533
13546
  font-weight: 500;
13534
13547
  cursor: pointer;
13535
13548
  vertical-align: middle;
@@ -13549,7 +13562,7 @@ h6,
13549
13562
 
13550
13563
  .el-switch__label * {
13551
13564
  line-height: 1;
13552
- font-size: 14px;
13565
+ font-size: 16px;
13553
13566
  display: inline-block;
13554
13567
  }
13555
13568
  .el-switch__label .el-icon {
@@ -13641,16 +13654,16 @@ h6,
13641
13654
  opacity: 0;
13642
13655
  }
13643
13656
  .el-switch--large {
13644
- font-size: 14px;
13657
+ font-size: 16px;
13645
13658
  line-height: 24px;
13646
13659
  height: 40px;
13647
13660
  }
13648
13661
  .el-switch--large .el-switch__label {
13649
13662
  height: 24px;
13650
- font-size: 14px;
13663
+ font-size: 16px;
13651
13664
  }
13652
13665
  .el-switch--large .el-switch__label * {
13653
- font-size: 14px;
13666
+ font-size: 16px;
13654
13667
  }
13655
13668
 
13656
13669
  .el-switch--large .el-switch__core {
@@ -13675,16 +13688,16 @@ h6,
13675
13688
  }
13676
13689
 
13677
13690
  .el-switch--medium {
13678
- font-size: 14px;
13691
+ font-size: 16px;
13679
13692
  line-height: 20px;
13680
13693
  height: 36px;
13681
13694
  }
13682
13695
  .el-switch--medium .el-switch__label {
13683
13696
  height: 20px;
13684
- font-size: 14px;
13697
+ font-size: 16px;
13685
13698
  }
13686
13699
  .el-switch--medium .el-switch__label * {
13687
- font-size: 14px;
13700
+ font-size: 16px;
13688
13701
  }
13689
13702
 
13690
13703
  .el-switch--medium .el-switch__core {
@@ -407,6 +407,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
407
407
  flex-grow: 1;
408
408
  box-sizing: border-box;
409
409
  vertical-align: middle;
410
+ align-items: flex-start;
410
411
  }
411
412
  .el-input::-webkit-scrollbar {
412
413
  z-index: 11;
@@ -159,6 +159,8 @@
159
159
  flex-grow: 1;
160
160
  box-sizing: border-box;
161
161
  vertical-align: middle;
162
+ align-items: flex-start;
163
+
162
164
  @include scroll-bar;
163
165
 
164
166
  & .#{$namespace}-input__clear,
@@ -333,7 +333,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
333
333
  transition: var(--el-transition-all);
334
334
  user-select: none;
335
335
  padding: 12px 15px;
336
- font-size: 14px;
336
+ font-size: 16px;
337
337
  border-radius: 0;
338
338
  }
339
339
  .el-radio-button__inner.is-round {
@@ -396,7 +396,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
396
396
  }
397
397
  .el-radio-button--large .el-radio-button__inner {
398
398
  padding: 12px 15px;
399
- font-size: 14px;
399
+ font-size: 16px;
400
400
  border-radius: 0;
401
401
  height: 40px;
402
402
  }
@@ -406,7 +406,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
406
406
 
407
407
  .el-radio-button--medium .el-radio-button__inner {
408
408
  padding: 8px 15px;
409
- font-size: 14px;
409
+ font-size: 16px;
410
410
  border-radius: 0;
411
411
  height: 36px;
412
412
  }
@@ -357,7 +357,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
357
357
  border-radius: var(--el-border-radius-small);
358
358
  }
359
359
  .el-radio.is-bordered.el-radio--large .el-radio__label {
360
- font-size: 14px;
360
+ font-size: 16px;
361
361
  }
362
362
  .el-radio.is-bordered.el-radio--large .el-radio__inner {
363
363
  height: 16px;
@@ -368,7 +368,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
368
368
  border-radius: var(--el-border-radius-small);
369
369
  }
370
370
  .el-radio.is-bordered.el-radio--medium .el-radio__label {
371
- font-size: 14px;
371
+ font-size: 16px;
372
372
  }
373
373
  .el-radio.is-bordered.el-radio--medium .el-radio__inner {
374
374
  height: 14px;
@@ -510,7 +510,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
510
510
  }
511
511
 
512
512
  .el-radio.el-radio--large .el-radio__label {
513
- font-size: 14px;
513
+ font-size: 16px;
514
514
  }
515
515
 
516
516
  .el-radio.el-radio--large .el-radio__inner {
@@ -518,7 +518,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
518
518
  height: 16px;
519
519
  }
520
520
  .el-radio.el-radio--medium .el-radio__label {
521
- font-size: 14px;
521
+ font-size: 16px;
522
522
  }
523
523
 
524
524
  .el-radio.el-radio--medium .el-radio__inner {
@@ -313,7 +313,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
313
313
  display: inline-flex;
314
314
  align-items: center;
315
315
  position: relative;
316
- font-size: 14px;
316
+ font-size: 16px;
317
317
  line-height: 20px;
318
318
  height: 36px;
319
319
  vertical-align: middle;
@@ -347,7 +347,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
347
347
  transition: var(--el-transition-duration-fast);
348
348
  height: 20px;
349
349
  display: inline-block;
350
- font-size: 14px;
350
+ font-size: 16px;
351
351
  font-weight: 500;
352
352
  cursor: pointer;
353
353
  vertical-align: middle;
@@ -367,7 +367,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
367
367
 
368
368
  .el-switch__label * {
369
369
  line-height: 1;
370
- font-size: 14px;
370
+ font-size: 16px;
371
371
  display: inline-block;
372
372
  }
373
373
  .el-switch__label .el-icon {
@@ -459,16 +459,16 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
459
459
  opacity: 0;
460
460
  }
461
461
  .el-switch--large {
462
- font-size: 14px;
462
+ font-size: 16px;
463
463
  line-height: 24px;
464
464
  height: 40px;
465
465
  }
466
466
  .el-switch--large .el-switch__label {
467
467
  height: 24px;
468
- font-size: 14px;
468
+ font-size: 16px;
469
469
  }
470
470
  .el-switch--large .el-switch__label * {
471
- font-size: 14px;
471
+ font-size: 16px;
472
472
  }
473
473
 
474
474
  .el-switch--large .el-switch__core {
@@ -493,16 +493,16 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
493
493
  }
494
494
 
495
495
  .el-switch--medium {
496
- font-size: 14px;
496
+ font-size: 16px;
497
497
  line-height: 20px;
498
498
  height: 36px;
499
499
  }
500
500
  .el-switch--medium .el-switch__label {
501
501
  height: 20px;
502
- font-size: 14px;
502
+ font-size: 16px;
503
503
  }
504
504
  .el-switch--medium .el-switch__label * {
505
- font-size: 14px;
505
+ font-size: 16px;
506
506
  }
507
507
 
508
508
  .el-switch--medium .el-switch__core {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.130",
3
+ "version": "2.4.132",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "type": "module",
6
6
  "exports": {