@timus-networks/theme 2.4.247 → 2.4.250

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 (15) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +74 -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/index.css +73 -69
  9. package/dist/runtime/public/scss/element-plus/message.scss +9 -6
  10. package/dist/runtime/public/scss/element-plus/mixins/_button.scss +33 -11
  11. package/dist/runtime/public/scss/element-plus/mixins/_col.scss +2 -2
  12. package/dist/runtime/public/scss/element-plus/popover.css +14 -12
  13. package/dist/runtime/public/scss/element-plus/upload.css +3 -1
  14. package/dist/runtime/public/scss/theme.css +1 -1
  15. 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.249",
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.249";
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);
@@ -12553,18 +12553,6 @@ heights > $common-component-size
12553
12553
  .popover-footer .el-button {
12554
12554
  flex-basis: 100%;
12555
12555
  @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
12556
  }
12569
12557
  .popover-footer .el-button:first-of-type {
12570
12558
  --el-button-text-color: var(--el-color-secondary-light-9);
@@ -12599,6 +12587,20 @@ heights > $common-component-size
12599
12587
  background-color: transparent;
12600
12588
  border-color: var(--el-color-secondary-light-2);
12601
12589
  }
12590
+ .popover-footer .el-button {
12591
+ /*
12592
+ &:first-of-type {
12593
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
12594
+ --el-button-hover-bg-color: var(--el-color-white);
12595
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
12596
+ --el-button-active-text-color: var(--el-color-primary-light-6);
12597
+ --el-button-active-bg-color: var(--el-color-white);
12598
+ --el-button-active-border-color: var(--el-color-primary-light-6);
12599
+ --el-button-bg-color: var(--el-color-white);
12600
+ --el-button-text-color: var(--el-color-primary);
12601
+ }
12602
+ */
12603
+ }
12602
12604
 
12603
12605
  .el-progress {
12604
12606
  position: relative;
@@ -17482,7 +17484,6 @@ mark.el-text {
17482
17484
  align-items: center;
17483
17485
  cursor: pointer;
17484
17486
  outline: none;
17485
- /* Picture Card for Wall */
17486
17487
  }
17487
17488
  .el-upload.is-disabled {
17488
17489
  cursor: not-allowed;
@@ -17526,6 +17527,9 @@ mark.el-text {
17526
17527
  opacity: 0;
17527
17528
  filter: alpha(opacity=0);
17528
17529
  }
17530
+ .el-upload {
17531
+ /* Picture Card for Wall */
17532
+ }
17529
17533
  .el-upload--picture-card {
17530
17534
  --el-upload-picture-card-size: 148px;
17531
17535
  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/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);
@@ -11661,18 +11661,6 @@ h6,
11661
11661
  .popover-footer .el-button {
11662
11662
  flex-basis: 100%;
11663
11663
  @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
11664
  }
11677
11665
  .popover-footer .el-button:first-of-type {
11678
11666
  --el-button-text-color: var(--el-color-secondary-light-9);
@@ -11707,6 +11695,20 @@ h6,
11707
11695
  background-color: transparent;
11708
11696
  border-color: var(--el-color-secondary-light-2);
11709
11697
  }
11698
+ .popover-footer .el-button {
11699
+ /*
11700
+ &:first-of-type {
11701
+ --el-button-hover-text-color: var(--el-color-primary-light-4);
11702
+ --el-button-hover-bg-color: var(--el-color-white);
11703
+ --el-button-hover-border-color: var(--el-color-primary-light-4);
11704
+ --el-button-active-text-color: var(--el-color-primary-light-6);
11705
+ --el-button-active-bg-color: var(--el-color-white);
11706
+ --el-button-active-border-color: var(--el-color-primary-light-6);
11707
+ --el-button-bg-color: var(--el-color-white);
11708
+ --el-button-text-color: var(--el-color-primary);
11709
+ }
11710
+ */
11711
+ }
11710
11712
 
11711
11713
  .el-progress {
11712
11714
  position: relative;
@@ -16590,7 +16592,6 @@ mark.el-text {
16590
16592
  align-items: center;
16591
16593
  cursor: pointer;
16592
16594
  outline: none;
16593
- /* Picture Card for Wall */
16594
16595
  }
16595
16596
  .el-upload.is-disabled {
16596
16597
  cursor: not-allowed;
@@ -16634,6 +16635,9 @@ mark.el-text {
16634
16635
  opacity: 0;
16635
16636
  filter: alpha(opacity=0);
16636
16637
  }
16638
+ .el-upload {
16639
+ /* Picture Card for Wall */
16640
+ }
16637
16641
  .el-upload--picture-card {
16638
16642
  --el-upload-picture-card-size: 148px;
16639
16643
  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.250",
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": {