@timus-networks/theme 2.4.247 → 2.4.251

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.
Files changed (17) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +78 -70
  4. package/dist/runtime/public/scss/_buttons.scss +4 -2
  5. package/dist/runtime/public/scss/element-plus/alert.scss +6 -6
  6. package/dist/runtime/public/scss/element-plus/button.css +56 -56
  7. package/dist/runtime/public/scss/element-plus/col.scss +2 -2
  8. package/dist/runtime/public/scss/element-plus/descriptions.css +4 -0
  9. package/dist/runtime/public/scss/element-plus/descriptions.scss +4 -0
  10. package/dist/runtime/public/scss/element-plus/index.css +77 -69
  11. package/dist/runtime/public/scss/element-plus/message.scss +9 -6
  12. package/dist/runtime/public/scss/element-plus/mixins/_button.scss +33 -11
  13. package/dist/runtime/public/scss/element-plus/mixins/_col.scss +2 -2
  14. package/dist/runtime/public/scss/element-plus/popover.css +14 -12
  15. package/dist/runtime/public/scss/element-plus/upload.css +3 -1
  16. package/dist/runtime/public/scss/theme.css +1 -1
  17. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
3
  "configKey": "themeOptions",
4
- "version": "2.4.246",
4
+ "version": "2.4.250",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "0.8.4",
7
7
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
11
11
  const __dirname = __cjs_path__.dirname(__filename);
12
12
  const require = __cjs_mod__.createRequire(import.meta.url);
13
13
  const name = "@timus-networks/theme";
14
- const version = "2.4.246";
14
+ const version = "2.4.250";
15
15
  const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
16
16
  const type = "module";
17
17
  const exports = {
package/dist/runtime/assets/scss/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  :root {
3
- --font-family: "Poppins", sans-serif;
3
+ --font-family: 'Poppins', sans-serif;
4
4
  --font-size: 1em;
5
5
  --border-width: 1px;
6
6
  --border-style: solid;
@@ -2798,17 +2798,17 @@ body {
2798
2798
  }
2799
2799
 
2800
2800
  .el-button--primary {
2801
- --el-button-text-color: var(--el-color-white);
2802
- --el-button-bg-color: var(--el-color-primary);
2803
- --el-button-border-color: var(--el-color-primary);
2801
+ --el-button-text-color: var(--el-color-"white"-"");
2802
+ --el-button-bg-color: var(--el-color-primary-"");
2803
+ --el-button-border-color: var(--el-color-primary-"");
2804
2804
  --el-button-outline-color: var(--el-color-primary-light-5);
2805
2805
  --el-button-active-color: var(--el-color-primary-dark-2);
2806
- --el-button-hover-text-color: var(--el-color-white);
2806
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2807
2807
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
2808
- --el-button-hover-bg-color: var(--el-color-primary-light-4);
2809
- --el-button-hover-border-color: var(--el-color-primary-light-4);
2810
- --el-button-active-bg-color: var(--el-color-primary-light-6);
2811
- --el-button-active-border-color: var(--el-color-primary-light-6);
2808
+ --el-button-hover-bg-color: var(--el-color-primary-"light-4");
2809
+ --el-button-hover-border-color: var(--el-color-primary-"light-4");
2810
+ --el-button-active-bg-color: var(--el-color-primary-"light-6");
2811
+ --el-button-active-border-color: var(--el-color-primary-"light-6");
2812
2812
  --el-button-disabled-text-color: var(--el-color-white);
2813
2813
  --el-button-disabled-bg-color: var(--el-color-primary-light-1);
2814
2814
  --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -2866,17 +2866,17 @@ body {
2866
2866
  }
2867
2867
 
2868
2868
  .el-button--neutral {
2869
- --el-button-text-color: var(--el-color-white);
2870
- --el-button-bg-color: var(--el-color-neutral);
2871
- --el-button-border-color: var(--el-color-neutral);
2869
+ --el-button-text-color: var(--el-color-"white"-"");
2870
+ --el-button-bg-color: var(--el-color-neutral-"");
2871
+ --el-button-border-color: var(--el-color-neutral-"");
2872
2872
  --el-button-outline-color: var(--el-color-neutral-light-5);
2873
2873
  --el-button-active-color: var(--el-color-neutral-dark-2);
2874
- --el-button-hover-text-color: var(--el-color-white);
2874
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2875
2875
  --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
2876
- --el-button-hover-bg-color: var(--el-color-neutral-light-4);
2877
- --el-button-hover-border-color: var(--el-color-neutral-light-4);
2878
- --el-button-active-bg-color: var(--el-color-neutral-light-6);
2879
- --el-button-active-border-color: var(--el-color-neutral-light-6);
2876
+ --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
2877
+ --el-button-hover-border-color: var(--el-color-neutral-"light-4");
2878
+ --el-button-active-bg-color: var(--el-color-neutral-"light-6");
2879
+ --el-button-active-border-color: var(--el-color-neutral-"light-6");
2880
2880
  --el-button-disabled-text-color: var(--el-color-white);
2881
2881
  --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
2882
2882
  --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -2900,17 +2900,17 @@ body {
2900
2900
  }
2901
2901
 
2902
2902
  .el-button--success {
2903
- --el-button-text-color: var(--el-color-white);
2904
- --el-button-bg-color: var(--el-color-success);
2905
- --el-button-border-color: var(--el-color-success);
2903
+ --el-button-text-color: var(--el-color-"white"-"");
2904
+ --el-button-bg-color: var(--el-color-success-"");
2905
+ --el-button-border-color: var(--el-color-success-"");
2906
2906
  --el-button-outline-color: var(--el-color-success-light-5);
2907
2907
  --el-button-active-color: var(--el-color-success-dark-2);
2908
- --el-button-hover-text-color: var(--el-color-white);
2908
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2909
2909
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
2910
- --el-button-hover-bg-color: var(--el-color-success-light-4);
2911
- --el-button-hover-border-color: var(--el-color-success-light-4);
2912
- --el-button-active-bg-color: var(--el-color-success-light-6);
2913
- --el-button-active-border-color: var(--el-color-success-light-6);
2910
+ --el-button-hover-bg-color: var(--el-color-success-"light-4");
2911
+ --el-button-hover-border-color: var(--el-color-success-"light-4");
2912
+ --el-button-active-bg-color: var(--el-color-success-"light-6");
2913
+ --el-button-active-border-color: var(--el-color-success-"light-6");
2914
2914
  --el-button-disabled-text-color: var(--el-color-white);
2915
2915
  --el-button-disabled-bg-color: var(--el-color-success-light-1);
2916
2916
  --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -2934,17 +2934,17 @@ body {
2934
2934
  }
2935
2935
 
2936
2936
  .el-button--warning {
2937
- --el-button-text-color: var(--el-color-white);
2938
- --el-button-bg-color: var(--el-color-warning);
2939
- --el-button-border-color: var(--el-color-warning);
2937
+ --el-button-text-color: var(--el-color-"white"-"");
2938
+ --el-button-bg-color: var(--el-color-warning-"");
2939
+ --el-button-border-color: var(--el-color-warning-"");
2940
2940
  --el-button-outline-color: var(--el-color-warning-light-5);
2941
2941
  --el-button-active-color: var(--el-color-warning-dark-2);
2942
- --el-button-hover-text-color: var(--el-color-white);
2942
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2943
2943
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
2944
- --el-button-hover-bg-color: var(--el-color-warning-light-4);
2945
- --el-button-hover-border-color: var(--el-color-warning-light-4);
2946
- --el-button-active-bg-color: var(--el-color-warning-light-6);
2947
- --el-button-active-border-color: var(--el-color-warning-light-6);
2944
+ --el-button-hover-bg-color: var(--el-color-warning-"light-4");
2945
+ --el-button-hover-border-color: var(--el-color-warning-"light-4");
2946
+ --el-button-active-bg-color: var(--el-color-warning-"light-6");
2947
+ --el-button-active-border-color: var(--el-color-warning-"light-6");
2948
2948
  --el-button-disabled-text-color: var(--el-color-white);
2949
2949
  --el-button-disabled-bg-color: var(--el-color-warning-light-1);
2950
2950
  --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -2968,17 +2968,17 @@ body {
2968
2968
  }
2969
2969
 
2970
2970
  .el-button--danger {
2971
- --el-button-text-color: var(--el-color-white);
2972
- --el-button-bg-color: var(--el-color-danger);
2973
- --el-button-border-color: var(--el-color-danger);
2971
+ --el-button-text-color: var(--el-color-"white"-"");
2972
+ --el-button-bg-color: var(--el-color-danger-"");
2973
+ --el-button-border-color: var(--el-color-danger-"");
2974
2974
  --el-button-outline-color: var(--el-color-danger-light-5);
2975
2975
  --el-button-active-color: var(--el-color-danger-dark-2);
2976
- --el-button-hover-text-color: var(--el-color-white);
2976
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2977
2977
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
2978
- --el-button-hover-bg-color: var(--el-color-danger-light-4);
2979
- --el-button-hover-border-color: var(--el-color-danger-light-4);
2980
- --el-button-active-bg-color: var(--el-color-danger-light-6);
2981
- --el-button-active-border-color: var(--el-color-danger-light-6);
2978
+ --el-button-hover-bg-color: var(--el-color-danger-"light-4");
2979
+ --el-button-hover-border-color: var(--el-color-danger-"light-4");
2980
+ --el-button-active-bg-color: var(--el-color-danger-"light-6");
2981
+ --el-button-active-border-color: var(--el-color-danger-"light-6");
2982
2982
  --el-button-disabled-text-color: var(--el-color-white);
2983
2983
  --el-button-disabled-bg-color: var(--el-color-danger-light-1);
2984
2984
  --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -3002,17 +3002,17 @@ body {
3002
3002
  }
3003
3003
 
3004
3004
  .el-button--error {
3005
- --el-button-text-color: var(--el-color-white);
3006
- --el-button-bg-color: var(--el-color-error);
3007
- --el-button-border-color: var(--el-color-error);
3005
+ --el-button-text-color: var(--el-color-"white"-"");
3006
+ --el-button-bg-color: var(--el-color-error-"");
3007
+ --el-button-border-color: var(--el-color-error-"");
3008
3008
  --el-button-outline-color: var(--el-color-error-light-5);
3009
3009
  --el-button-active-color: var(--el-color-error-dark-2);
3010
- --el-button-hover-text-color: var(--el-color-white);
3010
+ --el-button-hover-text-color: var(--el-color-"white"-"");
3011
3011
  --el-button-hover-link-text-color: var(--el-color-error-light-5);
3012
- --el-button-hover-bg-color: var(--el-color-error-light-4);
3013
- --el-button-hover-border-color: var(--el-color-error-light-4);
3014
- --el-button-active-bg-color: var(--el-color-error-light-6);
3015
- --el-button-active-border-color: var(--el-color-error-light-6);
3012
+ --el-button-hover-bg-color: var(--el-color-error-"light-4");
3013
+ --el-button-hover-border-color: var(--el-color-error-"light-4");
3014
+ --el-button-active-bg-color: var(--el-color-error-"light-6");
3015
+ --el-button-active-border-color: var(--el-color-error-"light-6");
3016
3016
  --el-button-disabled-text-color: var(--el-color-white);
3017
3017
  --el-button-disabled-bg-color: var(--el-color-error-light-1);
3018
3018
  --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -3036,17 +3036,17 @@ body {
3036
3036
  }
3037
3037
 
3038
3038
  .el-button--info {
3039
- --el-button-text-color: var(--el-color-white);
3040
- --el-button-bg-color: var(--el-color-info);
3041
- --el-button-border-color: var(--el-color-info);
3039
+ --el-button-text-color: var(--el-color-"white"-"");
3040
+ --el-button-bg-color: var(--el-color-info-"");
3041
+ --el-button-border-color: var(--el-color-info-"");
3042
3042
  --el-button-outline-color: var(--el-color-info-light-5);
3043
3043
  --el-button-active-color: var(--el-color-info-dark-2);
3044
- --el-button-hover-text-color: var(--el-color-white);
3044
+ --el-button-hover-text-color: var(--el-color-"white"-"");
3045
3045
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
3046
- --el-button-hover-bg-color: var(--el-color-info-light-4);
3047
- --el-button-hover-border-color: var(--el-color-info-light-4);
3048
- --el-button-active-bg-color: var(--el-color-info-light-6);
3049
- --el-button-active-border-color: var(--el-color-info-light-6);
3046
+ --el-button-hover-bg-color: var(--el-color-info-"light-4");
3047
+ --el-button-hover-border-color: var(--el-color-info-"light-4");
3048
+ --el-button-active-bg-color: var(--el-color-info-"light-6");
3049
+ --el-button-active-border-color: var(--el-color-info-"light-6");
3050
3050
  --el-button-disabled-text-color: var(--el-color-white);
3051
3051
  --el-button-disabled-bg-color: var(--el-color-info-light-1);
3052
3052
  --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -9017,6 +9017,10 @@ heights > $common-component-size
9017
9017
  .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
9018
9018
  border-bottom: 1px solid var(--el-descriptions-table-border);
9019
9019
  }
9020
+ .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell .el-descriptions__label {
9021
+ border-left: 22px solid white;
9022
+ }
9023
+
9020
9024
  .el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
9021
9025
  border-bottom: none;
9022
9026
  }
@@ -12553,18 +12557,6 @@ heights > $common-component-size
12553
12557
  .popover-footer .el-button {
12554
12558
  flex-basis: 100%;
12555
12559
  @apply el-button--mini;
12556
- /*
12557
- &:first-of-type {
12558
- --el-button-hover-text-color: var(--el-color-primary-light-4);
12559
- --el-button-hover-bg-color: var(--el-color-white);
12560
- --el-button-hover-border-color: var(--el-color-primary-light-4);
12561
- --el-button-active-text-color: var(--el-color-primary-light-6);
12562
- --el-button-active-bg-color: var(--el-color-white);
12563
- --el-button-active-border-color: var(--el-color-primary-light-6);
12564
- --el-button-bg-color: var(--el-color-white);
12565
- --el-button-text-color: var(--el-color-primary);
12566
- }
12567
- */
12568
12560
  }
12569
12561
  .popover-footer .el-button:first-of-type {
12570
12562
  --el-button-text-color: var(--el-color-secondary-light-9);
@@ -12599,6 +12591,20 @@ heights > $common-component-size
12599
12591
  background-color: transparent;
12600
12592
  border-color: var(--el-color-secondary-light-2);
12601
12593
  }
12594
+ .popover-footer .el-button {
12595
+ /*
12596
+ &:first-of-type {
12597
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
12598
+ --el-button-hover-bg-color: var(--el-color-white);
12599
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
12600
+ --el-button-active-text-color: var(--el-color-primary-light-6);
12601
+ --el-button-active-bg-color: var(--el-color-white);
12602
+ --el-button-active-border-color: var(--el-color-primary-light-6);
12603
+ --el-button-bg-color: var(--el-color-white);
12604
+ --el-button-text-color: var(--el-color-primary);
12605
+ }
12606
+ */
12607
+ }
12602
12608
 
12603
12609
  .el-progress {
12604
12610
  position: relative;
@@ -17482,7 +17488,6 @@ mark.el-text {
17482
17488
  align-items: center;
17483
17489
  cursor: pointer;
17484
17490
  outline: none;
17485
- /* Picture Card for Wall */
17486
17491
  }
17487
17492
  .el-upload.is-disabled {
17488
17493
  cursor: not-allowed;
@@ -17526,6 +17531,9 @@ mark.el-text {
17526
17531
  opacity: 0;
17527
17532
  filter: alpha(opacity=0);
17528
17533
  }
17534
+ .el-upload {
17535
+ /* Picture Card for Wall */
17536
+ }
17529
17537
  .el-upload--picture-card {
17530
17538
  --el-upload-picture-card-size: 148px;
17531
17539
  background-color: var(--el-fill-color-lighter);
package/dist/runtime/public/scss/_buttons.scss CHANGED
@@ -72,7 +72,9 @@ $btn-active-bg: 700;
72
72
  $name: '#{$name}';
73
73
 
74
74
  .btn-#{$name} {
75
- $light: if($name==light, var(--#{secondary}-#{600}), var(--button-font-color)); // var(--button-font-color); //
75
+ $light: if(
76
+ sass($name==light): var(--#{secondary}-#{600}) ; else: var(--button-font-color),
77
+ ); // var(--button-font-color); //
76
78
 
77
79
  --button-background-color: var(--#{$name}-#{500}); // #{map.get($item, #{$btn-bg})};
78
80
  --button-border-color: var(--#{$name}-#{500});
@@ -113,7 +115,7 @@ $btn-active-bg: 700;
113
115
  &:hover {
114
116
  background-color: var(--button-hover-background-color);
115
117
  border-color: var(--button-hover-background-color);
116
- color: if($name==light, var(--#{light}-#{900}), var(--button-font-color)); // var(--button-font-color);
118
+ color: if(sass($name==light): var(--#{light}-#{900}) ; else: var(--button-font-color)); // var(--button-font-color);
117
119
  // background-color: transparent;
118
120
  @if ($name==light) {
119
121
  background-color: var(--#{light}-#{200});
package/dist/runtime/public/scss/element-plus/alert.scss CHANGED
@@ -43,28 +43,28 @@
43
43
 
44
44
  @each $type in $semantic {
45
45
  @include m($type) {
46
- @include css-var-from-global(('alert', 'bg-color'), ('color', if($type == 'info', 'neutral', $type), 'light-1'));
47
- @include css-var-from-global(('alert', 'border-color'), ('color', if($type == 'info', 'neutral', $type), 'light-3'));
46
+ @include css-var-from-global(('alert', 'bg-color'), ('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-1'));
47
+ @include css-var-from-global(('alert', 'border-color'), ('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-3'));
48
48
 
49
49
  &.is-light {
50
50
  background-color: getCssVar('alert', 'bg-color');
51
- color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
51
+ color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-6');
52
52
 
53
53
  .#{$namespace}-alert__description {
54
- color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
54
+ color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-6');
55
55
  line-height: 14px;
56
56
  margin-left: -16px;
57
57
  }
58
58
  }
59
59
 
60
60
  &.is-dark {
61
- background-color: getCssVar('color', if($type == 'info', 'neutral', $type));
61
+ background-color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type));
62
62
  color: getCssVar('color', 'white');
63
63
  }
64
64
 
65
65
  @include when(light) {
66
66
  .#{$namespace}-alert__close-btn {
67
- color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
67
+ color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-6');
68
68
  }
69
69
  }
70
70
  }
package/dist/runtime/public/scss/element-plus/button.css CHANGED
@@ -718,17 +718,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
718
718
  }
719
719
 
720
720
  .el-button--primary {
721
- --el-button-text-color: var(--el-color-white);
722
- --el-button-bg-color: var(--el-color-primary);
723
- --el-button-border-color: var(--el-color-primary);
721
+ --el-button-text-color: var(--el-color-"white"-"");
722
+ --el-button-bg-color: var(--el-color-primary-"");
723
+ --el-button-border-color: var(--el-color-primary-"");
724
724
  --el-button-outline-color: var(--el-color-primary-light-5);
725
725
  --el-button-active-color: var(--el-color-primary-dark-2);
726
- --el-button-hover-text-color: var(--el-color-white);
726
+ --el-button-hover-text-color: var(--el-color-"white"-"");
727
727
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
728
- --el-button-hover-bg-color: var(--el-color-primary-light-4);
729
- --el-button-hover-border-color: var(--el-color-primary-light-4);
730
- --el-button-active-bg-color: var(--el-color-primary-light-6);
731
- --el-button-active-border-color: var(--el-color-primary-light-6);
728
+ --el-button-hover-bg-color: var(--el-color-primary-"light-4");
729
+ --el-button-hover-border-color: var(--el-color-primary-"light-4");
730
+ --el-button-active-bg-color: var(--el-color-primary-"light-6");
731
+ --el-button-active-border-color: var(--el-color-primary-"light-6");
732
732
  --el-button-disabled-text-color: var(--el-color-white);
733
733
  --el-button-disabled-bg-color: var(--el-color-primary-light-1);
734
734
  --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -786,17 +786,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
786
786
  }
787
787
 
788
788
  .el-button--neutral {
789
- --el-button-text-color: var(--el-color-white);
790
- --el-button-bg-color: var(--el-color-neutral);
791
- --el-button-border-color: var(--el-color-neutral);
789
+ --el-button-text-color: var(--el-color-"white"-"");
790
+ --el-button-bg-color: var(--el-color-neutral-"");
791
+ --el-button-border-color: var(--el-color-neutral-"");
792
792
  --el-button-outline-color: var(--el-color-neutral-light-5);
793
793
  --el-button-active-color: var(--el-color-neutral-dark-2);
794
- --el-button-hover-text-color: var(--el-color-white);
794
+ --el-button-hover-text-color: var(--el-color-"white"-"");
795
795
  --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
796
- --el-button-hover-bg-color: var(--el-color-neutral-light-4);
797
- --el-button-hover-border-color: var(--el-color-neutral-light-4);
798
- --el-button-active-bg-color: var(--el-color-neutral-light-6);
799
- --el-button-active-border-color: var(--el-color-neutral-light-6);
796
+ --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
797
+ --el-button-hover-border-color: var(--el-color-neutral-"light-4");
798
+ --el-button-active-bg-color: var(--el-color-neutral-"light-6");
799
+ --el-button-active-border-color: var(--el-color-neutral-"light-6");
800
800
  --el-button-disabled-text-color: var(--el-color-white);
801
801
  --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
802
802
  --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -820,17 +820,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
820
820
  }
821
821
 
822
822
  .el-button--success {
823
- --el-button-text-color: var(--el-color-white);
824
- --el-button-bg-color: var(--el-color-success);
825
- --el-button-border-color: var(--el-color-success);
823
+ --el-button-text-color: var(--el-color-"white"-"");
824
+ --el-button-bg-color: var(--el-color-success-"");
825
+ --el-button-border-color: var(--el-color-success-"");
826
826
  --el-button-outline-color: var(--el-color-success-light-5);
827
827
  --el-button-active-color: var(--el-color-success-dark-2);
828
- --el-button-hover-text-color: var(--el-color-white);
828
+ --el-button-hover-text-color: var(--el-color-"white"-"");
829
829
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
830
- --el-button-hover-bg-color: var(--el-color-success-light-4);
831
- --el-button-hover-border-color: var(--el-color-success-light-4);
832
- --el-button-active-bg-color: var(--el-color-success-light-6);
833
- --el-button-active-border-color: var(--el-color-success-light-6);
830
+ --el-button-hover-bg-color: var(--el-color-success-"light-4");
831
+ --el-button-hover-border-color: var(--el-color-success-"light-4");
832
+ --el-button-active-bg-color: var(--el-color-success-"light-6");
833
+ --el-button-active-border-color: var(--el-color-success-"light-6");
834
834
  --el-button-disabled-text-color: var(--el-color-white);
835
835
  --el-button-disabled-bg-color: var(--el-color-success-light-1);
836
836
  --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -854,17 +854,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
854
854
  }
855
855
 
856
856
  .el-button--warning {
857
- --el-button-text-color: var(--el-color-white);
858
- --el-button-bg-color: var(--el-color-warning);
859
- --el-button-border-color: var(--el-color-warning);
857
+ --el-button-text-color: var(--el-color-"white"-"");
858
+ --el-button-bg-color: var(--el-color-warning-"");
859
+ --el-button-border-color: var(--el-color-warning-"");
860
860
  --el-button-outline-color: var(--el-color-warning-light-5);
861
861
  --el-button-active-color: var(--el-color-warning-dark-2);
862
- --el-button-hover-text-color: var(--el-color-white);
862
+ --el-button-hover-text-color: var(--el-color-"white"-"");
863
863
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
864
- --el-button-hover-bg-color: var(--el-color-warning-light-4);
865
- --el-button-hover-border-color: var(--el-color-warning-light-4);
866
- --el-button-active-bg-color: var(--el-color-warning-light-6);
867
- --el-button-active-border-color: var(--el-color-warning-light-6);
864
+ --el-button-hover-bg-color: var(--el-color-warning-"light-4");
865
+ --el-button-hover-border-color: var(--el-color-warning-"light-4");
866
+ --el-button-active-bg-color: var(--el-color-warning-"light-6");
867
+ --el-button-active-border-color: var(--el-color-warning-"light-6");
868
868
  --el-button-disabled-text-color: var(--el-color-white);
869
869
  --el-button-disabled-bg-color: var(--el-color-warning-light-1);
870
870
  --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -888,17 +888,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
888
888
  }
889
889
 
890
890
  .el-button--danger {
891
- --el-button-text-color: var(--el-color-white);
892
- --el-button-bg-color: var(--el-color-danger);
893
- --el-button-border-color: var(--el-color-danger);
891
+ --el-button-text-color: var(--el-color-"white"-"");
892
+ --el-button-bg-color: var(--el-color-danger-"");
893
+ --el-button-border-color: var(--el-color-danger-"");
894
894
  --el-button-outline-color: var(--el-color-danger-light-5);
895
895
  --el-button-active-color: var(--el-color-danger-dark-2);
896
- --el-button-hover-text-color: var(--el-color-white);
896
+ --el-button-hover-text-color: var(--el-color-"white"-"");
897
897
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
898
- --el-button-hover-bg-color: var(--el-color-danger-light-4);
899
- --el-button-hover-border-color: var(--el-color-danger-light-4);
900
- --el-button-active-bg-color: var(--el-color-danger-light-6);
901
- --el-button-active-border-color: var(--el-color-danger-light-6);
898
+ --el-button-hover-bg-color: var(--el-color-danger-"light-4");
899
+ --el-button-hover-border-color: var(--el-color-danger-"light-4");
900
+ --el-button-active-bg-color: var(--el-color-danger-"light-6");
901
+ --el-button-active-border-color: var(--el-color-danger-"light-6");
902
902
  --el-button-disabled-text-color: var(--el-color-white);
903
903
  --el-button-disabled-bg-color: var(--el-color-danger-light-1);
904
904
  --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -922,17 +922,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
922
922
  }
923
923
 
924
924
  .el-button--error {
925
- --el-button-text-color: var(--el-color-white);
926
- --el-button-bg-color: var(--el-color-error);
927
- --el-button-border-color: var(--el-color-error);
925
+ --el-button-text-color: var(--el-color-"white"-"");
926
+ --el-button-bg-color: var(--el-color-error-"");
927
+ --el-button-border-color: var(--el-color-error-"");
928
928
  --el-button-outline-color: var(--el-color-error-light-5);
929
929
  --el-button-active-color: var(--el-color-error-dark-2);
930
- --el-button-hover-text-color: var(--el-color-white);
930
+ --el-button-hover-text-color: var(--el-color-"white"-"");
931
931
  --el-button-hover-link-text-color: var(--el-color-error-light-5);
932
- --el-button-hover-bg-color: var(--el-color-error-light-4);
933
- --el-button-hover-border-color: var(--el-color-error-light-4);
934
- --el-button-active-bg-color: var(--el-color-error-light-6);
935
- --el-button-active-border-color: var(--el-color-error-light-6);
932
+ --el-button-hover-bg-color: var(--el-color-error-"light-4");
933
+ --el-button-hover-border-color: var(--el-color-error-"light-4");
934
+ --el-button-active-bg-color: var(--el-color-error-"light-6");
935
+ --el-button-active-border-color: var(--el-color-error-"light-6");
936
936
  --el-button-disabled-text-color: var(--el-color-white);
937
937
  --el-button-disabled-bg-color: var(--el-color-error-light-1);
938
938
  --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -956,17 +956,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
956
956
  }
957
957
 
958
958
  .el-button--info {
959
- --el-button-text-color: var(--el-color-white);
960
- --el-button-bg-color: var(--el-color-info);
961
- --el-button-border-color: var(--el-color-info);
959
+ --el-button-text-color: var(--el-color-"white"-"");
960
+ --el-button-bg-color: var(--el-color-info-"");
961
+ --el-button-border-color: var(--el-color-info-"");
962
962
  --el-button-outline-color: var(--el-color-info-light-5);
963
963
  --el-button-active-color: var(--el-color-info-dark-2);
964
- --el-button-hover-text-color: var(--el-color-white);
964
+ --el-button-hover-text-color: var(--el-color-"white"-"");
965
965
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
966
- --el-button-hover-bg-color: var(--el-color-info-light-4);
967
- --el-button-hover-border-color: var(--el-color-info-light-4);
968
- --el-button-active-bg-color: var(--el-color-info-light-6);
969
- --el-button-active-border-color: var(--el-color-info-light-6);
966
+ --el-button-hover-bg-color: var(--el-color-info-"light-4");
967
+ --el-button-hover-border-color: var(--el-color-info-"light-4");
968
+ --el-button-active-bg-color: var(--el-color-info-"light-6");
969
+ --el-button-active-border-color: var(--el-color-info-"light-6");
970
970
  --el-button-disabled-text-color: var(--el-color-white);
971
971
  --el-button-disabled-bg-color: var(--el-color-info-light-1);
972
972
  --el-button-disabled-border-color: var(--el-color-info-light-1);
package/dist/runtime/public/scss/element-plus/col.scss CHANGED
@@ -14,11 +14,11 @@
14
14
 
15
15
  @for $i from 0 through 24 {
16
16
  .#{$namespace}-col-#{$i} {
17
- display: if($i == 0, none, block);
17
+ display: if(sass($i == 0): none; else: block);
18
18
  max-width: (math.div(1, 24) * $i * 100) * 1%;
19
19
  flex: 0 0 (math.div(1, 24) * $i * 100) * 1%;
20
20
  @include when(guttered) {
21
- display: if($i == 0, none, block);
21
+ display: if(sass($i == 0): none; else: block);
22
22
  }
23
23
  }
24
24
 
package/dist/runtime/public/scss/element-plus/descriptions.css CHANGED
@@ -349,6 +349,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
349
349
  .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
350
350
  border-bottom: 1px solid var(--el-descriptions-table-border);
351
351
  }
352
+ .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell .el-descriptions__label {
353
+ border-left: 22px solid white;
354
+ }
355
+
352
356
  .el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
353
357
  border-bottom: none;
354
358
  }
package/dist/runtime/public/scss/element-plus/descriptions.scss CHANGED
@@ -119,6 +119,10 @@ $descriptions-cell-font-size: map.merge(
119
119
  .#{$namespace}-descriptions__cell {
120
120
  border-bottom: 1px solid getCssVar('descriptions-table-border');
121
121
  // padding: map.get($descriptions-bordered-cell-padding, 'default');
122
+
123
+ @include e(label) {
124
+ border-left: 22px solid white;
125
+ }
122
126
  }
123
127
 
124
128
  tr:last-child {
package/dist/runtime/public/scss/element-plus/index.css CHANGED
@@ -1795,17 +1795,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1795
1795
  }
1796
1796
 
1797
1797
  .el-button--primary {
1798
- --el-button-text-color: var(--el-color-white);
1799
- --el-button-bg-color: var(--el-color-primary);
1800
- --el-button-border-color: var(--el-color-primary);
1798
+ --el-button-text-color: var(--el-color-"white"-"");
1799
+ --el-button-bg-color: var(--el-color-primary-"");
1800
+ --el-button-border-color: var(--el-color-primary-"");
1801
1801
  --el-button-outline-color: var(--el-color-primary-light-5);
1802
1802
  --el-button-active-color: var(--el-color-primary-dark-2);
1803
- --el-button-hover-text-color: var(--el-color-white);
1803
+ --el-button-hover-text-color: var(--el-color-"white"-"");
1804
1804
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
1805
- --el-button-hover-bg-color: var(--el-color-primary-light-4);
1806
- --el-button-hover-border-color: var(--el-color-primary-light-4);
1807
- --el-button-active-bg-color: var(--el-color-primary-light-6);
1808
- --el-button-active-border-color: var(--el-color-primary-light-6);
1805
+ --el-button-hover-bg-color: var(--el-color-primary-"light-4");
1806
+ --el-button-hover-border-color: var(--el-color-primary-"light-4");
1807
+ --el-button-active-bg-color: var(--el-color-primary-"light-6");
1808
+ --el-button-active-border-color: var(--el-color-primary-"light-6");
1809
1809
  --el-button-disabled-text-color: var(--el-color-white);
1810
1810
  --el-button-disabled-bg-color: var(--el-color-primary-light-1);
1811
1811
  --el-button-disabled-border-color: var(--el-color-primary-light-1);
@@ -1863,17 +1863,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1863
1863
  }
1864
1864
 
1865
1865
  .el-button--neutral {
1866
- --el-button-text-color: var(--el-color-white);
1867
- --el-button-bg-color: var(--el-color-neutral);
1868
- --el-button-border-color: var(--el-color-neutral);
1866
+ --el-button-text-color: var(--el-color-"white"-"");
1867
+ --el-button-bg-color: var(--el-color-neutral-"");
1868
+ --el-button-border-color: var(--el-color-neutral-"");
1869
1869
  --el-button-outline-color: var(--el-color-neutral-light-5);
1870
1870
  --el-button-active-color: var(--el-color-neutral-dark-2);
1871
- --el-button-hover-text-color: var(--el-color-white);
1871
+ --el-button-hover-text-color: var(--el-color-"white"-"");
1872
1872
  --el-button-hover-link-text-color: var(--el-color-neutral-light-5);
1873
- --el-button-hover-bg-color: var(--el-color-neutral-light-4);
1874
- --el-button-hover-border-color: var(--el-color-neutral-light-4);
1875
- --el-button-active-bg-color: var(--el-color-neutral-light-6);
1876
- --el-button-active-border-color: var(--el-color-neutral-light-6);
1873
+ --el-button-hover-bg-color: var(--el-color-neutral-"light-4");
1874
+ --el-button-hover-border-color: var(--el-color-neutral-"light-4");
1875
+ --el-button-active-bg-color: var(--el-color-neutral-"light-6");
1876
+ --el-button-active-border-color: var(--el-color-neutral-"light-6");
1877
1877
  --el-button-disabled-text-color: var(--el-color-white);
1878
1878
  --el-button-disabled-bg-color: var(--el-color-neutral-light-1);
1879
1879
  --el-button-disabled-border-color: var(--el-color-neutral-light-1);
@@ -1897,17 +1897,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1897
1897
  }
1898
1898
 
1899
1899
  .el-button--success {
1900
- --el-button-text-color: var(--el-color-white);
1901
- --el-button-bg-color: var(--el-color-success);
1902
- --el-button-border-color: var(--el-color-success);
1900
+ --el-button-text-color: var(--el-color-"white"-"");
1901
+ --el-button-bg-color: var(--el-color-success-"");
1902
+ --el-button-border-color: var(--el-color-success-"");
1903
1903
  --el-button-outline-color: var(--el-color-success-light-5);
1904
1904
  --el-button-active-color: var(--el-color-success-dark-2);
1905
- --el-button-hover-text-color: var(--el-color-white);
1905
+ --el-button-hover-text-color: var(--el-color-"white"-"");
1906
1906
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
1907
- --el-button-hover-bg-color: var(--el-color-success-light-4);
1908
- --el-button-hover-border-color: var(--el-color-success-light-4);
1909
- --el-button-active-bg-color: var(--el-color-success-light-6);
1910
- --el-button-active-border-color: var(--el-color-success-light-6);
1907
+ --el-button-hover-bg-color: var(--el-color-success-"light-4");
1908
+ --el-button-hover-border-color: var(--el-color-success-"light-4");
1909
+ --el-button-active-bg-color: var(--el-color-success-"light-6");
1910
+ --el-button-active-border-color: var(--el-color-success-"light-6");
1911
1911
  --el-button-disabled-text-color: var(--el-color-white);
1912
1912
  --el-button-disabled-bg-color: var(--el-color-success-light-1);
1913
1913
  --el-button-disabled-border-color: var(--el-color-success-light-1);
@@ -1931,17 +1931,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1931
1931
  }
1932
1932
 
1933
1933
  .el-button--warning {
1934
- --el-button-text-color: var(--el-color-white);
1935
- --el-button-bg-color: var(--el-color-warning);
1936
- --el-button-border-color: var(--el-color-warning);
1934
+ --el-button-text-color: var(--el-color-"white"-"");
1935
+ --el-button-bg-color: var(--el-color-warning-"");
1936
+ --el-button-border-color: var(--el-color-warning-"");
1937
1937
  --el-button-outline-color: var(--el-color-warning-light-5);
1938
1938
  --el-button-active-color: var(--el-color-warning-dark-2);
1939
- --el-button-hover-text-color: var(--el-color-white);
1939
+ --el-button-hover-text-color: var(--el-color-"white"-"");
1940
1940
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
1941
- --el-button-hover-bg-color: var(--el-color-warning-light-4);
1942
- --el-button-hover-border-color: var(--el-color-warning-light-4);
1943
- --el-button-active-bg-color: var(--el-color-warning-light-6);
1944
- --el-button-active-border-color: var(--el-color-warning-light-6);
1941
+ --el-button-hover-bg-color: var(--el-color-warning-"light-4");
1942
+ --el-button-hover-border-color: var(--el-color-warning-"light-4");
1943
+ --el-button-active-bg-color: var(--el-color-warning-"light-6");
1944
+ --el-button-active-border-color: var(--el-color-warning-"light-6");
1945
1945
  --el-button-disabled-text-color: var(--el-color-white);
1946
1946
  --el-button-disabled-bg-color: var(--el-color-warning-light-1);
1947
1947
  --el-button-disabled-border-color: var(--el-color-warning-light-1);
@@ -1965,17 +1965,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1965
1965
  }
1966
1966
 
1967
1967
  .el-button--danger {
1968
- --el-button-text-color: var(--el-color-white);
1969
- --el-button-bg-color: var(--el-color-danger);
1970
- --el-button-border-color: var(--el-color-danger);
1968
+ --el-button-text-color: var(--el-color-"white"-"");
1969
+ --el-button-bg-color: var(--el-color-danger-"");
1970
+ --el-button-border-color: var(--el-color-danger-"");
1971
1971
  --el-button-outline-color: var(--el-color-danger-light-5);
1972
1972
  --el-button-active-color: var(--el-color-danger-dark-2);
1973
- --el-button-hover-text-color: var(--el-color-white);
1973
+ --el-button-hover-text-color: var(--el-color-"white"-"");
1974
1974
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
1975
- --el-button-hover-bg-color: var(--el-color-danger-light-4);
1976
- --el-button-hover-border-color: var(--el-color-danger-light-4);
1977
- --el-button-active-bg-color: var(--el-color-danger-light-6);
1978
- --el-button-active-border-color: var(--el-color-danger-light-6);
1975
+ --el-button-hover-bg-color: var(--el-color-danger-"light-4");
1976
+ --el-button-hover-border-color: var(--el-color-danger-"light-4");
1977
+ --el-button-active-bg-color: var(--el-color-danger-"light-6");
1978
+ --el-button-active-border-color: var(--el-color-danger-"light-6");
1979
1979
  --el-button-disabled-text-color: var(--el-color-white);
1980
1980
  --el-button-disabled-bg-color: var(--el-color-danger-light-1);
1981
1981
  --el-button-disabled-border-color: var(--el-color-danger-light-1);
@@ -1999,17 +1999,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1999
1999
  }
2000
2000
 
2001
2001
  .el-button--error {
2002
- --el-button-text-color: var(--el-color-white);
2003
- --el-button-bg-color: var(--el-color-error);
2004
- --el-button-border-color: var(--el-color-error);
2002
+ --el-button-text-color: var(--el-color-"white"-"");
2003
+ --el-button-bg-color: var(--el-color-error-"");
2004
+ --el-button-border-color: var(--el-color-error-"");
2005
2005
  --el-button-outline-color: var(--el-color-error-light-5);
2006
2006
  --el-button-active-color: var(--el-color-error-dark-2);
2007
- --el-button-hover-text-color: var(--el-color-white);
2007
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2008
2008
  --el-button-hover-link-text-color: var(--el-color-error-light-5);
2009
- --el-button-hover-bg-color: var(--el-color-error-light-4);
2010
- --el-button-hover-border-color: var(--el-color-error-light-4);
2011
- --el-button-active-bg-color: var(--el-color-error-light-6);
2012
- --el-button-active-border-color: var(--el-color-error-light-6);
2009
+ --el-button-hover-bg-color: var(--el-color-error-"light-4");
2010
+ --el-button-hover-border-color: var(--el-color-error-"light-4");
2011
+ --el-button-active-bg-color: var(--el-color-error-"light-6");
2012
+ --el-button-active-border-color: var(--el-color-error-"light-6");
2013
2013
  --el-button-disabled-text-color: var(--el-color-white);
2014
2014
  --el-button-disabled-bg-color: var(--el-color-error-light-1);
2015
2015
  --el-button-disabled-border-color: var(--el-color-error-light-1);
@@ -2033,17 +2033,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2033
2033
  }
2034
2034
 
2035
2035
  .el-button--info {
2036
- --el-button-text-color: var(--el-color-white);
2037
- --el-button-bg-color: var(--el-color-info);
2038
- --el-button-border-color: var(--el-color-info);
2036
+ --el-button-text-color: var(--el-color-"white"-"");
2037
+ --el-button-bg-color: var(--el-color-info-"");
2038
+ --el-button-border-color: var(--el-color-info-"");
2039
2039
  --el-button-outline-color: var(--el-color-info-light-5);
2040
2040
  --el-button-active-color: var(--el-color-info-dark-2);
2041
- --el-button-hover-text-color: var(--el-color-white);
2041
+ --el-button-hover-text-color: var(--el-color-"white"-"");
2042
2042
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
2043
- --el-button-hover-bg-color: var(--el-color-info-light-4);
2044
- --el-button-hover-border-color: var(--el-color-info-light-4);
2045
- --el-button-active-bg-color: var(--el-color-info-light-6);
2046
- --el-button-active-border-color: var(--el-color-info-light-6);
2043
+ --el-button-hover-bg-color: var(--el-color-info-"light-4");
2044
+ --el-button-hover-border-color: var(--el-color-info-"light-4");
2045
+ --el-button-active-bg-color: var(--el-color-info-"light-6");
2046
+ --el-button-active-border-color: var(--el-color-info-"light-6");
2047
2047
  --el-button-disabled-text-color: var(--el-color-white);
2048
2048
  --el-button-disabled-bg-color: var(--el-color-info-light-1);
2049
2049
  --el-button-disabled-border-color: var(--el-color-info-light-1);
@@ -8014,6 +8014,10 @@ heights > $common-component-size
8014
8014
  .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
8015
8015
  border-bottom: 1px solid var(--el-descriptions-table-border);
8016
8016
  }
8017
+ .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell .el-descriptions__label {
8018
+ border-left: 22px solid white;
8019
+ }
8020
+
8017
8021
  .el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
8018
8022
  border-bottom: none;
8019
8023
  }
@@ -11661,18 +11665,6 @@ h6,
11661
11665
  .popover-footer .el-button {
11662
11666
  flex-basis: 100%;
11663
11667
  @apply el-button--mini;
11664
- /*
11665
- &:first-of-type {
11666
- --el-button-hover-text-color: var(--el-color-primary-light-4);
11667
- --el-button-hover-bg-color: var(--el-color-white);
11668
- --el-button-hover-border-color: var(--el-color-primary-light-4);
11669
- --el-button-active-text-color: var(--el-color-primary-light-6);
11670
- --el-button-active-bg-color: var(--el-color-white);
11671
- --el-button-active-border-color: var(--el-color-primary-light-6);
11672
- --el-button-bg-color: var(--el-color-white);
11673
- --el-button-text-color: var(--el-color-primary);
11674
- }
11675
- */
11676
11668
  }
11677
11669
  .popover-footer .el-button:first-of-type {
11678
11670
  --el-button-text-color: var(--el-color-secondary-light-9);
@@ -11707,6 +11699,20 @@ h6,
11707
11699
  background-color: transparent;
11708
11700
  border-color: var(--el-color-secondary-light-2);
11709
11701
  }
11702
+ .popover-footer .el-button {
11703
+ /*
11704
+ &:first-of-type {
11705
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
11706
+ --el-button-hover-bg-color: var(--el-color-white);
11707
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
11708
+ --el-button-active-text-color: var(--el-color-primary-light-6);
11709
+ --el-button-active-bg-color: var(--el-color-white);
11710
+ --el-button-active-border-color: var(--el-color-primary-light-6);
11711
+ --el-button-bg-color: var(--el-color-white);
11712
+ --el-button-text-color: var(--el-color-primary);
11713
+ }
11714
+ */
11715
+ }
11710
11716
 
11711
11717
  .el-progress {
11712
11718
  position: relative;
@@ -16590,7 +16596,6 @@ mark.el-text {
16590
16596
  align-items: center;
16591
16597
  cursor: pointer;
16592
16598
  outline: none;
16593
- /* Picture Card for Wall */
16594
16599
  }
16595
16600
  .el-upload.is-disabled {
16596
16601
  cursor: not-allowed;
@@ -16634,6 +16639,9 @@ mark.el-text {
16634
16639
  opacity: 0;
16635
16640
  filter: alpha(opacity=0);
16636
16641
  }
16642
+ .el-upload {
16643
+ /* Picture Card for Wall */
16644
+ }
16637
16645
  .el-upload--picture-card {
16638
16646
  --el-upload-picture-card-size: 148px;
16639
16647
  background-color: var(--el-fill-color-lighter);
package/dist/runtime/public/scss/element-plus/message.scss CHANGED
@@ -66,9 +66,12 @@ $material-icons-font-family: 'Material Symbols Outlined';
66
66
 
67
67
  @each $type in $semantic {
68
68
  @include m($type) {
69
- @include css-var-from-global(('message', 'bg-color'), ('color', if($type == 'info', 'neutral', $type), 'light-1'));
70
- @include css-var-from-global(('message', 'border-color'), ('color', if($type == 'info', 'neutral', $type), 'light-3'));
71
- @include css-var-from-global(('message', 'text-color'), ('color', if($type == 'info', 'neutral', $type), if($type == 'info', 'light-6', 'light-5')));
69
+ @include css-var-from-global(('message', 'bg-color'), ('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-1'));
70
+ @include css-var-from-global(('message', 'border-color'), ('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-3'));
71
+ @include css-var-from-global(
72
+ ('message', 'text-color'),
73
+ ('color', if(sass($type == 'info'): 'neutral' ; else: $type), if(sass($type == 'info'): 'light-6' ; else: 'light-5'))
74
+ );
72
75
 
73
76
  .#{$namespace}-message__content {
74
77
  color: getCssVar('message', 'text-color');
@@ -76,14 +79,14 @@ $material-icons-font-family: 'Material Symbols Outlined';
76
79
  }
77
80
 
78
81
  & .#{$namespace}-message__closeBtn {
79
- color: getCssVar('color', if($type == 'info', 'neutral', $type));
82
+ color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type));
80
83
 
81
84
  &:hover {
82
- color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-4');
85
+ color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-4');
83
86
  }
84
87
 
85
88
  &:active {
86
- color: getCssVar('color', if($type == 'info', 'neutral', $type), 'light-6');
89
+ color: getCssVar('color', if(sass($type == 'info'): 'neutral' ; else: $type), 'light-6');
87
90
  }
88
91
  }
89
92
  }
package/dist/runtime/public/scss/element-plus/mixins/_button.scss CHANGED
@@ -81,18 +81,26 @@
81
81
  '': (
82
82
  'text-color': (
83
83
  'color',
84
- if($type == 'secondary', $type, 'white'),
85
- if($type == 'secondary', 'light-9', ''),
84
+ if(
85
+ sass($type == 'secondary'): $type; else: 'white',
86
+ ),
87
+ if(
88
+ sass($type == 'secondary'): 'light-9' ; else: '',
89
+ ),
86
90
  ),
87
91
  'bg-color': (
88
92
  'color',
89
93
  $type,
90
- if($type == 'secondary', 'light-1', ''),
94
+ if(
95
+ sass($type == 'secondary'): 'light-1' ; else: '',
96
+ ),
91
97
  ),
92
98
  'border-color': (
93
99
  'color',
94
100
  $type,
95
- if($type == 'secondary', 'light-2', ''),
101
+ if(
102
+ sass($type == 'secondary'): 'light-2' ; else: '',
103
+ ),
96
104
  ),
97
105
  'outline-color': (
98
106
  'color',
@@ -108,8 +116,12 @@
108
116
  'hover': (
109
117
  'text-color': (
110
118
  'color',
111
- if($type == 'secondary', $type, 'white'),
112
- if($type == 'secondary', 'light-9', ''),
119
+ if(
120
+ sass($type == 'secondary'): $type; else: 'white',
121
+ ),
122
+ if(
123
+ sass($type == 'secondary'): 'light-9' ; else: '',
124
+ ),
113
125
  ),
114
126
  'link-text-color': (
115
127
  'color',
@@ -118,25 +130,35 @@
118
130
  ),
119
131
  'bg-color': (
120
132
  'color',
121
- if($type == 'secondary', 'white', $type),
122
- if($type == 'secondary', '', 'light-4'),
133
+ if(
134
+ sass($type == 'secondary'): 'white' ; else: $type,
135
+ ),
136
+ if(
137
+ sass($type == 'secondary'): '' ; else: 'light-4',
138
+ ),
123
139
  ),
124
140
  'border-color': (
125
141
  'color',
126
142
  $type,
127
- if($type == 'secondary', 'light-3', 'light-4'),
143
+ if(
144
+ sass($type == 'secondary'): 'light-3' ; else: 'light-4',
145
+ ),
128
146
  ),
129
147
  ),
130
148
  'active': (
131
149
  'bg-color': (
132
150
  'color',
133
151
  $type,
134
- if($type == 'secondary', 'light-2', 'light-6'),
152
+ if(
153
+ sass($type == 'secondary'): 'light-2' ; else: 'light-6',
154
+ ),
135
155
  ),
136
156
  'border-color': (
137
157
  'color',
138
158
  $type,
139
- if($type == 'secondary', 'light-2', 'light-6'),
159
+ if(
160
+ sass($type == 'secondary'): 'light-2' ; else: 'light-6',
161
+ ),
140
162
  ),
141
163
  ),
142
164
  'disabled': (
package/dist/runtime/public/scss/element-plus/mixins/_col.scss CHANGED
@@ -7,11 +7,11 @@
7
7
  @include res($size) {
8
8
  @for $i from 0 through 24 {
9
9
  .#{$namespace}-col-#{$size}-#{$i} {
10
- display: if($i == 0, none, block);
10
+ display: if(sass($i == 0): none; else: block);
11
11
  max-width: (math.div(1, 24) * $i * 100) * 1%;
12
12
  flex: 0 0 (math.div(1, 24) * $i * 100) * 1%;
13
13
  @include when(guttered) {
14
- display: if($i == 0, none, block);
14
+ display: if(sass($i == 0): none; else: block);
15
15
  }
16
16
  }
17
17
 
package/dist/runtime/public/scss/element-plus/popover.css CHANGED
@@ -361,18 +361,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
361
361
  .popover-footer .el-button {
362
362
  flex-basis: 100%;
363
363
  @apply el-button--mini;
364
- /*
365
- &:first-of-type {
366
- --el-button-hover-text-color: var(--el-color-primary-light-4);
367
- --el-button-hover-bg-color: var(--el-color-white);
368
- --el-button-hover-border-color: var(--el-color-primary-light-4);
369
- --el-button-active-text-color: var(--el-color-primary-light-6);
370
- --el-button-active-bg-color: var(--el-color-white);
371
- --el-button-active-border-color: var(--el-color-primary-light-6);
372
- --el-button-bg-color: var(--el-color-white);
373
- --el-button-text-color: var(--el-color-primary);
374
- }
375
- */
376
364
  }
377
365
  .popover-footer .el-button:first-of-type {
378
366
  --el-button-text-color: var(--el-color-secondary-light-9);
@@ -406,4 +394,18 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
406
394
  color: var(--el-color-secondary-light-2);
407
395
  background-color: transparent;
408
396
  border-color: var(--el-color-secondary-light-2);
397
+ }
398
+ .popover-footer .el-button {
399
+ /*
400
+ &:first-of-type {
401
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
402
+ --el-button-hover-bg-color: var(--el-color-white);
403
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
404
+ --el-button-active-text-color: var(--el-color-primary-light-6);
405
+ --el-button-active-bg-color: var(--el-color-white);
406
+ --el-button-active-border-color: var(--el-color-primary-light-6);
407
+ --el-button-bg-color: var(--el-color-white);
408
+ --el-button-text-color: var(--el-color-primary);
409
+ }
410
+ */
409
411
  }
package/dist/runtime/public/scss/element-plus/upload.css CHANGED
@@ -311,7 +311,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
311
311
  align-items: center;
312
312
  cursor: pointer;
313
313
  outline: none;
314
- /* Picture Card for Wall */
315
314
  }
316
315
  .el-upload.is-disabled {
317
316
  cursor: not-allowed;
@@ -355,6 +354,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
355
354
  opacity: 0;
356
355
  filter: alpha(opacity=0);
357
356
  }
357
+ .el-upload {
358
+ /* Picture Card for Wall */
359
+ }
358
360
  .el-upload--picture-card {
359
361
  --el-upload-picture-card-size: 148px;
360
362
  background-color: var(--el-fill-color-lighter);
package/dist/runtime/public/scss/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  :root {
3
- --font-family: "Poppins", sans-serif;
3
+ --font-family: 'Poppins', sans-serif;
4
4
  --font-size: 1em;
5
5
  --border-width: 1px;
6
6
  --border-style: solid;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.247",
3
+ "version": "2.4.251",
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": {