@timus-networks/theme 2.4.131 → 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 {
@@ -11708,7 +11720,7 @@ h6,
11708
11720
  transition: var(--el-transition-all);
11709
11721
  user-select: none;
11710
11722
  padding: 12px 15px;
11711
- font-size: 14px;
11723
+ font-size: 16px;
11712
11724
  border-radius: 0;
11713
11725
  }
11714
11726
  .el-radio-button__inner.is-round {
@@ -11771,7 +11783,7 @@ h6,
11771
11783
  }
11772
11784
  .el-radio-button--large .el-radio-button__inner {
11773
11785
  padding: 12px 15px;
11774
- font-size: 14px;
11786
+ font-size: 16px;
11775
11787
  border-radius: 0;
11776
11788
  height: 40px;
11777
11789
  }
@@ -11781,7 +11793,7 @@ h6,
11781
11793
 
11782
11794
  .el-radio-button--medium .el-radio-button__inner {
11783
11795
  padding: 8px 15px;
11784
- font-size: 14px;
11796
+ font-size: 16px;
11785
11797
  border-radius: 0;
11786
11798
  height: 36px;
11787
11799
  }
@@ -11876,7 +11888,7 @@ h6,
11876
11888
  border-radius: var(--el-border-radius-small);
11877
11889
  }
11878
11890
  .el-radio.is-bordered.el-radio--large .el-radio__label {
11879
- font-size: 14px;
11891
+ font-size: 16px;
11880
11892
  }
11881
11893
  .el-radio.is-bordered.el-radio--large .el-radio__inner {
11882
11894
  height: 16px;
@@ -11887,7 +11899,7 @@ h6,
11887
11899
  border-radius: var(--el-border-radius-small);
11888
11900
  }
11889
11901
  .el-radio.is-bordered.el-radio--medium .el-radio__label {
11890
- font-size: 14px;
11902
+ font-size: 16px;
11891
11903
  }
11892
11904
  .el-radio.is-bordered.el-radio--medium .el-radio__inner {
11893
11905
  height: 14px;
@@ -12029,7 +12041,7 @@ h6,
12029
12041
  }
12030
12042
 
12031
12043
  .el-radio.el-radio--large .el-radio__label {
12032
- font-size: 14px;
12044
+ font-size: 16px;
12033
12045
  }
12034
12046
 
12035
12047
  .el-radio.el-radio--large .el-radio__inner {
@@ -12037,7 +12049,7 @@ h6,
12037
12049
  height: 16px;
12038
12050
  }
12039
12051
  .el-radio.el-radio--medium .el-radio__label {
12040
- font-size: 14px;
12052
+ font-size: 16px;
12041
12053
  }
12042
12054
 
12043
12055
  .el-radio.el-radio--medium .el-radio__inner {
@@ -13496,7 +13508,7 @@ h6,
13496
13508
  display: inline-flex;
13497
13509
  align-items: center;
13498
13510
  position: relative;
13499
- font-size: 14px;
13511
+ font-size: 16px;
13500
13512
  line-height: 20px;
13501
13513
  height: 36px;
13502
13514
  vertical-align: middle;
@@ -13530,7 +13542,7 @@ h6,
13530
13542
  transition: var(--el-transition-duration-fast);
13531
13543
  height: 20px;
13532
13544
  display: inline-block;
13533
- font-size: 14px;
13545
+ font-size: 16px;
13534
13546
  font-weight: 500;
13535
13547
  cursor: pointer;
13536
13548
  vertical-align: middle;
@@ -13550,7 +13562,7 @@ h6,
13550
13562
 
13551
13563
  .el-switch__label * {
13552
13564
  line-height: 1;
13553
- font-size: 14px;
13565
+ font-size: 16px;
13554
13566
  display: inline-block;
13555
13567
  }
13556
13568
  .el-switch__label .el-icon {
@@ -13642,16 +13654,16 @@ h6,
13642
13654
  opacity: 0;
13643
13655
  }
13644
13656
  .el-switch--large {
13645
- font-size: 14px;
13657
+ font-size: 16px;
13646
13658
  line-height: 24px;
13647
13659
  height: 40px;
13648
13660
  }
13649
13661
  .el-switch--large .el-switch__label {
13650
13662
  height: 24px;
13651
- font-size: 14px;
13663
+ font-size: 16px;
13652
13664
  }
13653
13665
  .el-switch--large .el-switch__label * {
13654
- font-size: 14px;
13666
+ font-size: 16px;
13655
13667
  }
13656
13668
 
13657
13669
  .el-switch--large .el-switch__core {
@@ -13676,16 +13688,16 @@ h6,
13676
13688
  }
13677
13689
 
13678
13690
  .el-switch--medium {
13679
- font-size: 14px;
13691
+ font-size: 16px;
13680
13692
  line-height: 20px;
13681
13693
  height: 36px;
13682
13694
  }
13683
13695
  .el-switch--medium .el-switch__label {
13684
13696
  height: 20px;
13685
- font-size: 14px;
13697
+ font-size: 16px;
13686
13698
  }
13687
13699
  .el-switch--medium .el-switch__label * {
13688
- font-size: 14px;
13700
+ font-size: 16px;
13689
13701
  }
13690
13702
 
13691
13703
  .el-switch--medium .el-switch__core {
@@ -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.131",
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": {