@timus-networks/theme 2.4.282 → 2.4.284
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.
- package/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/assets/scss/main.css +57 -57
- package/dist/runtime/public/scss/element-plus/button.css +56 -56
- package/dist/runtime/public/scss/element-plus/index.css +57 -57
- package/dist/runtime/public/scss/element-plus/mixins/_button.scss +77 -46
- package/dist/runtime/public/scss/element-plus/select-v2.css +1 -1
- package/dist/runtime/public/scss/element-plus/select.css +1 -1
- package/dist/runtime/public/scss/element-plus/select.scss +1 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
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.
|
|
14
|
+
const version = "2.4.283";
|
|
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 = {
|
|
@@ -2798,17 +2798,17 @@ body {
|
|
|
2798
2798
|
}
|
|
2799
2799
|
|
|
2800
2800
|
.el-button--primary {
|
|
2801
|
-
--el-button-text-color: var(--el-color-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2809
|
-
--el-button-hover-border-color: var(--el-color-primary-
|
|
2810
|
-
--el-button-active-bg-color: var(--el-color-primary-
|
|
2811
|
-
--el-button-active-border-color: var(--el-color-primary-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2877
|
-
--el-button-hover-border-color: var(--el-color-neutral-
|
|
2878
|
-
--el-button-active-bg-color: var(--el-color-neutral-
|
|
2879
|
-
--el-button-active-border-color: var(--el-color-neutral-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2911
|
-
--el-button-hover-border-color: var(--el-color-success-
|
|
2912
|
-
--el-button-active-bg-color: var(--el-color-success-
|
|
2913
|
-
--el-button-active-border-color: var(--el-color-success-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2945
|
-
--el-button-hover-border-color: var(--el-color-warning-
|
|
2946
|
-
--el-button-active-bg-color: var(--el-color-warning-
|
|
2947
|
-
--el-button-active-border-color: var(--el-color-warning-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2979
|
-
--el-button-hover-border-color: var(--el-color-danger-
|
|
2980
|
-
--el-button-active-bg-color: var(--el-color-danger-
|
|
2981
|
-
--el-button-active-border-color: var(--el-color-danger-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
3013
|
-
--el-button-hover-border-color: var(--el-color-error-
|
|
3014
|
-
--el-button-active-bg-color: var(--el-color-error-
|
|
3015
|
-
--el-button-active-border-color: var(--el-color-error-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
3047
|
-
--el-button-hover-border-color: var(--el-color-info-
|
|
3048
|
-
--el-button-active-bg-color: var(--el-color-info-
|
|
3049
|
-
--el-button-active-border-color: var(--el-color-info-
|
|
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);
|
|
@@ -13757,7 +13757,7 @@ heights > $common-component-size
|
|
|
13757
13757
|
--el-tag-hover-color: var(--el-color-primary-light-5);
|
|
13758
13758
|
--el-tag-text-color: var(--el-color-primary-light-5);
|
|
13759
13759
|
}
|
|
13760
|
-
.el-select__selected-item:has(
|
|
13760
|
+
.el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
|
|
13761
13761
|
max-width: none;
|
|
13762
13762
|
}
|
|
13763
13763
|
.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
|
|
@@ -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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
729
|
-
--el-button-hover-border-color: var(--el-color-primary-
|
|
730
|
-
--el-button-active-bg-color: var(--el-color-primary-
|
|
731
|
-
--el-button-active-border-color: var(--el-color-primary-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
797
|
-
--el-button-hover-border-color: var(--el-color-neutral-
|
|
798
|
-
--el-button-active-bg-color: var(--el-color-neutral-
|
|
799
|
-
--el-button-active-border-color: var(--el-color-neutral-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
831
|
-
--el-button-hover-border-color: var(--el-color-success-
|
|
832
|
-
--el-button-active-bg-color: var(--el-color-success-
|
|
833
|
-
--el-button-active-border-color: var(--el-color-success-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
865
|
-
--el-button-hover-border-color: var(--el-color-warning-
|
|
866
|
-
--el-button-active-bg-color: var(--el-color-warning-
|
|
867
|
-
--el-button-active-border-color: var(--el-color-warning-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
899
|
-
--el-button-hover-border-color: var(--el-color-danger-
|
|
900
|
-
--el-button-active-bg-color: var(--el-color-danger-
|
|
901
|
-
--el-button-active-border-color: var(--el-color-danger-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
933
|
-
--el-button-hover-border-color: var(--el-color-error-
|
|
934
|
-
--el-button-active-bg-color: var(--el-color-error-
|
|
935
|
-
--el-button-active-border-color: var(--el-color-error-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
967
|
-
--el-button-hover-border-color: var(--el-color-info-
|
|
968
|
-
--el-button-active-bg-color: var(--el-color-info-
|
|
969
|
-
--el-button-active-border-color: var(--el-color-info-
|
|
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);
|
|
@@ -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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
1806
|
-
--el-button-hover-border-color: var(--el-color-primary-
|
|
1807
|
-
--el-button-active-bg-color: var(--el-color-primary-
|
|
1808
|
-
--el-button-active-border-color: var(--el-color-primary-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
1874
|
-
--el-button-hover-border-color: var(--el-color-neutral-
|
|
1875
|
-
--el-button-active-bg-color: var(--el-color-neutral-
|
|
1876
|
-
--el-button-active-border-color: var(--el-color-neutral-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
1908
|
-
--el-button-hover-border-color: var(--el-color-success-
|
|
1909
|
-
--el-button-active-bg-color: var(--el-color-success-
|
|
1910
|
-
--el-button-active-border-color: var(--el-color-success-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
1942
|
-
--el-button-hover-border-color: var(--el-color-warning-
|
|
1943
|
-
--el-button-active-bg-color: var(--el-color-warning-
|
|
1944
|
-
--el-button-active-border-color: var(--el-color-warning-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
1976
|
-
--el-button-hover-border-color: var(--el-color-danger-
|
|
1977
|
-
--el-button-active-bg-color: var(--el-color-danger-
|
|
1978
|
-
--el-button-active-border-color: var(--el-color-danger-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2010
|
-
--el-button-hover-border-color: var(--el-color-error-
|
|
2011
|
-
--el-button-active-bg-color: var(--el-color-error-
|
|
2012
|
-
--el-button-active-border-color: var(--el-color-error-
|
|
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-
|
|
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-light-5);
|
|
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-
|
|
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-
|
|
2044
|
-
--el-button-hover-border-color: var(--el-color-info-
|
|
2045
|
-
--el-button-active-bg-color: var(--el-color-info-
|
|
2046
|
-
--el-button-active-border-color: var(--el-color-info-
|
|
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);
|
|
@@ -12865,7 +12865,7 @@ h6,
|
|
|
12865
12865
|
--el-tag-hover-color: var(--el-color-primary-light-5);
|
|
12866
12866
|
--el-tag-text-color: var(--el-color-primary-light-5);
|
|
12867
12867
|
}
|
|
12868
|
-
.el-select__selected-item:has(
|
|
12868
|
+
.el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
|
|
12869
12869
|
max-width: none;
|
|
12870
12870
|
}
|
|
12871
12871
|
.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
|
|
@@ -3,64 +3,93 @@
|
|
|
3
3
|
@use '../common/var' as *;
|
|
4
4
|
|
|
5
5
|
@mixin button-plain($type) {
|
|
6
|
+
$is-secondary: $type == 'secondary';
|
|
7
|
+
|
|
8
|
+
$default-text-color: $type;
|
|
9
|
+
$default-text-variant: '';
|
|
10
|
+
$disabled-text-variant: 'light-9';
|
|
11
|
+
$default-bg-color: 'white';
|
|
12
|
+
$default-border-variant: 'light-5';
|
|
13
|
+
$hover-text-variant: 'light-4';
|
|
14
|
+
$hover-bg-color: 'white';
|
|
15
|
+
$hover-border-variant: 'light-4';
|
|
16
|
+
$active-text-variant: 'light-6';
|
|
17
|
+
$active-bg-color: 'white';
|
|
18
|
+
$active-border-variant: 'light-6';
|
|
19
|
+
|
|
20
|
+
@if $is-secondary {
|
|
21
|
+
$default-text-color: $type;
|
|
22
|
+
$default-text-variant: '';
|
|
23
|
+
$disabled-text-variant: 'light-9';
|
|
24
|
+
$default-bg-color: 'white';
|
|
25
|
+
$default-border-variant: 'light-5';
|
|
26
|
+
$hover-text-variant: 'light-4';
|
|
27
|
+
$hover-bg-color: 'white';
|
|
28
|
+
$hover-border-variant: 'light-4';
|
|
29
|
+
$active-text-variant: 'light-6';
|
|
30
|
+
$active-bg-color: 'white';
|
|
31
|
+
$active-border-variant: 'light-6';
|
|
32
|
+
}
|
|
33
|
+
|
|
6
34
|
$button-color-types: (
|
|
7
35
|
'': (
|
|
8
36
|
'text-color': (
|
|
9
37
|
'color',
|
|
10
|
-
$
|
|
38
|
+
$default-text-color,
|
|
39
|
+
$default-text-variant,
|
|
11
40
|
),
|
|
12
41
|
'disabled-text-color': (
|
|
13
42
|
'color',
|
|
14
43
|
$type,
|
|
15
|
-
|
|
44
|
+
$disabled-text-variant,
|
|
16
45
|
),
|
|
17
46
|
'bg-color': (
|
|
18
47
|
'color',
|
|
19
|
-
|
|
48
|
+
$default-bg-color,
|
|
20
49
|
),
|
|
21
50
|
'border-color': (
|
|
22
51
|
'color',
|
|
23
52
|
$type,
|
|
24
|
-
|
|
53
|
+
$default-border-variant,
|
|
25
54
|
),
|
|
26
55
|
),
|
|
27
56
|
'hover': (
|
|
28
57
|
'text-color': (
|
|
29
58
|
'color',
|
|
30
59
|
$type,
|
|
31
|
-
|
|
60
|
+
$hover-text-variant,
|
|
32
61
|
),
|
|
33
62
|
'bg-color': (
|
|
34
63
|
'color',
|
|
35
|
-
|
|
64
|
+
$hover-bg-color,
|
|
36
65
|
),
|
|
37
66
|
'border-color': (
|
|
38
67
|
'color',
|
|
39
68
|
$type,
|
|
40
|
-
|
|
69
|
+
$hover-border-variant,
|
|
41
70
|
),
|
|
42
71
|
),
|
|
43
72
|
'active': (
|
|
44
73
|
'text-color': (
|
|
45
74
|
'color',
|
|
46
75
|
$type,
|
|
47
|
-
|
|
76
|
+
$active-text-variant,
|
|
48
77
|
),
|
|
49
78
|
'bg-color': (
|
|
50
79
|
'color',
|
|
51
|
-
|
|
80
|
+
$active-bg-color,
|
|
52
81
|
),
|
|
53
82
|
'border-color': (
|
|
54
83
|
'color',
|
|
55
84
|
$type,
|
|
56
|
-
|
|
85
|
+
$active-border-variant,
|
|
57
86
|
),
|
|
58
87
|
),
|
|
59
88
|
);
|
|
60
89
|
|
|
61
|
-
@each $
|
|
62
|
-
@each $typeColor, $list in $
|
|
63
|
-
@include css-var-from-global(('button', $
|
|
90
|
+
@each $state, $stateMap in $button-color-types {
|
|
91
|
+
@each $typeColor, $list in $stateMap {
|
|
92
|
+
@include css-var-from-global(('button', $state, $typeColor), $list);
|
|
64
93
|
}
|
|
65
94
|
}
|
|
66
95
|
|
|
@@ -77,30 +106,46 @@
|
|
|
77
106
|
}
|
|
78
107
|
|
|
79
108
|
@mixin button-variant($type) {
|
|
109
|
+
$is-secondary: $type == 'secondary';
|
|
110
|
+
|
|
111
|
+
$default-text-color: 'white';
|
|
112
|
+
$default-text-variant: '';
|
|
113
|
+
$default-bg-variant: 'light-5';
|
|
114
|
+
$default-border-variant: '';
|
|
115
|
+
$hover-bg-color: $type;
|
|
116
|
+
$hover-bg-variant: 'light-4';
|
|
117
|
+
$hover-border-variant: 'light-4';
|
|
118
|
+
$active-bg-variant: 'light-6';
|
|
119
|
+
$active-border-variant: 'light-6';
|
|
120
|
+
|
|
121
|
+
@if $is-secondary {
|
|
122
|
+
$default-text-color: $type;
|
|
123
|
+
$default-text-variant: 'light-9';
|
|
124
|
+
$default-bg-variant: 'light-1';
|
|
125
|
+
$default-border-variant: 'light-2';
|
|
126
|
+
$hover-bg-color: 'white';
|
|
127
|
+
$hover-bg-variant: '';
|
|
128
|
+
$hover-border-variant: 'light-3';
|
|
129
|
+
$active-bg-variant: 'light-2';
|
|
130
|
+
$active-border-variant: 'light-2';
|
|
131
|
+
}
|
|
132
|
+
|
|
80
133
|
$button-color-types: (
|
|
81
134
|
'': (
|
|
82
135
|
'text-color': (
|
|
83
136
|
'color',
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
),
|
|
87
|
-
if(
|
|
88
|
-
sass($type == 'secondary'): 'light-9' ; else: '',
|
|
89
|
-
),
|
|
137
|
+
$default-text-color,
|
|
138
|
+
$default-text-variant,
|
|
90
139
|
),
|
|
91
140
|
'bg-color': (
|
|
92
141
|
'color',
|
|
93
142
|
$type,
|
|
94
|
-
|
|
95
|
-
sass($type == 'secondary'): 'light-1' ; else: '',
|
|
96
|
-
),
|
|
143
|
+
$default-bg-variant,
|
|
97
144
|
),
|
|
98
145
|
'border-color': (
|
|
99
146
|
'color',
|
|
100
147
|
$type,
|
|
101
|
-
|
|
102
|
-
sass($type == 'secondary'): 'light-2' ; else: '',
|
|
103
|
-
),
|
|
148
|
+
$default-border-variant,
|
|
104
149
|
),
|
|
105
150
|
'outline-color': (
|
|
106
151
|
'color',
|
|
@@ -116,12 +161,8 @@
|
|
|
116
161
|
'hover': (
|
|
117
162
|
'text-color': (
|
|
118
163
|
'color',
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
),
|
|
122
|
-
if(
|
|
123
|
-
sass($type == 'secondary'): 'light-9' ; else: '',
|
|
124
|
-
),
|
|
164
|
+
$default-text-color,
|
|
165
|
+
$default-text-variant,
|
|
125
166
|
),
|
|
126
167
|
'link-text-color': (
|
|
127
168
|
'color',
|
|
@@ -130,35 +171,25 @@
|
|
|
130
171
|
),
|
|
131
172
|
'bg-color': (
|
|
132
173
|
'color',
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
),
|
|
136
|
-
if(
|
|
137
|
-
sass($type == 'secondary'): '' ; else: 'light-4',
|
|
138
|
-
),
|
|
174
|
+
$hover-bg-color,
|
|
175
|
+
$hover-bg-variant,
|
|
139
176
|
),
|
|
140
177
|
'border-color': (
|
|
141
178
|
'color',
|
|
142
179
|
$type,
|
|
143
|
-
|
|
144
|
-
sass($type == 'secondary'): 'light-3' ; else: 'light-4',
|
|
145
|
-
),
|
|
180
|
+
$hover-border-variant,
|
|
146
181
|
),
|
|
147
182
|
),
|
|
148
183
|
'active': (
|
|
149
184
|
'bg-color': (
|
|
150
185
|
'color',
|
|
151
186
|
$type,
|
|
152
|
-
|
|
153
|
-
sass($type == 'secondary'): 'light-2' ; else: 'light-6',
|
|
154
|
-
),
|
|
187
|
+
$active-bg-variant,
|
|
155
188
|
),
|
|
156
189
|
'border-color': (
|
|
157
190
|
'color',
|
|
158
191
|
$type,
|
|
159
|
-
|
|
160
|
-
sass($type == 'secondary'): 'light-2' ; else: 'light-6',
|
|
161
|
-
),
|
|
192
|
+
$active-border-variant,
|
|
162
193
|
),
|
|
163
194
|
),
|
|
164
195
|
'disabled': (
|
|
@@ -607,7 +607,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
607
607
|
--el-tag-hover-color: var(--el-color-primary-light-5);
|
|
608
608
|
--el-tag-text-color: var(--el-color-primary-light-5);
|
|
609
609
|
}
|
|
610
|
-
.el-select__selected-item:has(
|
|
610
|
+
.el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
|
|
611
611
|
max-width: none;
|
|
612
612
|
}
|
|
613
613
|
.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
|
|
@@ -607,7 +607,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
607
607
|
--el-tag-hover-color: var(--el-color-primary-light-5);
|
|
608
608
|
--el-tag-text-color: var(--el-color-primary-light-5);
|
|
609
609
|
}
|
|
610
|
-
.el-select__selected-item:has(
|
|
610
|
+
.el-select__selected-item:has(~ .el-select__input-wrapper.is-hidden) {
|
|
611
611
|
max-width: none;
|
|
612
612
|
}
|
|
613
613
|
.el-select__selected-item:has(+ .el-tooltip__trigger + .el-select__input-wrapper:not(.is-hidden)) {
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
@include css-var-from-global(('tag', 'text-color'), ('color', 'primary', 'light-5'));
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
&:has(
|
|
199
|
+
&:has(~ .el-select__input-wrapper.is-hidden) {
|
|
200
200
|
max-width: none;
|
|
201
201
|
}
|
|
202
202
|
|
package/package.json
CHANGED