@syncfusion/ej2-angular-inputs 20.4.54 → 21.1.35
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/README.md +185 -114
- package/esm2020/src/rating/rating.component.mjs +1 -1
- package/fesm2015/syncfusion-ej2-angular-inputs.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-inputs.mjs.map +1 -1
- package/package.json +9 -9
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/rating/rating.component.d.ts +9 -0
- package/styles/bootstrap-dark.css +6 -0
- package/styles/bootstrap.css +6 -0
- package/styles/bootstrap4.css +6 -0
- package/styles/bootstrap5-dark.css +10 -4
- package/styles/bootstrap5.css +10 -4
- package/styles/color-picker/_layout.scss +78 -6
- package/styles/color-picker/_theme.scss +3 -0
- package/styles/color-picker/bootstrap-dark.css +6 -0
- package/styles/color-picker/bootstrap.css +6 -0
- package/styles/color-picker/bootstrap4.css +6 -0
- package/styles/color-picker/bootstrap5-dark.css +6 -0
- package/styles/color-picker/bootstrap5.css +6 -0
- package/styles/color-picker/fabric-dark.css +6 -0
- package/styles/color-picker/fabric.css +6 -0
- package/styles/color-picker/fluent-dark.css +6 -0
- package/styles/color-picker/fluent.css +6 -0
- package/styles/color-picker/highcontrast-light.css +6 -0
- package/styles/color-picker/highcontrast.css +6 -0
- package/styles/color-picker/material-dark.css +6 -0
- package/styles/color-picker/material.css +6 -0
- package/styles/color-picker/tailwind-dark.css +6 -0
- package/styles/color-picker/tailwind.css +6 -0
- package/styles/fabric-dark.css +6 -0
- package/styles/fabric.css +6 -0
- package/styles/fluent-dark.css +6 -0
- package/styles/fluent.css +6 -0
- package/styles/highcontrast-light.css +6 -0
- package/styles/highcontrast.css +6 -0
- package/styles/input/_bootstrap5-definition.scss +2 -2
- package/styles/input/_fluent-definition.scss +5 -5
- package/styles/input/_layout.scss +445 -445
- package/styles/input/_tailwind-definition.scss +14 -14
- package/styles/input/_theme.scss +218 -199
- package/styles/input/material-dark.css +1 -1
- package/styles/input/material.css +1 -1
- package/styles/maskedtextbox/_bootstrap5-definition.scss +2 -2
- package/styles/maskedtextbox/_fluent-definition.scss +2 -2
- package/styles/material-dark.css +7 -5
- package/styles/material.css +7 -1
- package/styles/numerictextbox/icons/_material3.scss +3 -3
- package/styles/rating/_bootstrap5-definition.scss +12 -15
- package/styles/rating/_fluent-definition.scss +12 -15
- package/styles/rating/_tailwind-definition.scss +12 -15
- package/styles/rating/_theme.scss +14 -2
- package/styles/rating/tailwind-dark.css +1 -1
- package/styles/rating/tailwind.css +1 -1
- package/styles/slider/_layout.scss +44 -25
- package/styles/slider/_theme.scss +6 -1
- package/styles/tailwind-dark.css +8 -2
- package/styles/tailwind.css +8 -2
- package/styles/uploader/_bootstrap5-definition.scss +12 -12
- package/styles/uploader/_fluent-definition.scss +10 -10
- package/styles/uploader/_layout.scss +7 -2
- package/styles/uploader/_tailwind-definition.scss +10 -10
- package/styles/uploader/_theme.scss +13 -3
- package/styles/uploader/bootstrap5-dark.css +4 -4
- package/styles/uploader/bootstrap5.css +4 -4
- package/styles/uploader/material-dark.css +0 -4
- package/styles/uploader/tailwind-dark.css +1 -1
- package/styles/uploader/tailwind.css +1 -1
- package/styles/color-picker/_material3-definition.scss +0 -133
- package/styles/input/_material3-definition.scss +0 -336
- package/styles/maskedtextbox/_material3-definition.scss +0 -7
- package/styles/numerictextbox/_material3-definition.scss +0 -3
- package/styles/rating/_material3-definition.scss +0 -46
- package/styles/signature/_material3-definition.scss +0 -3
- package/styles/slider/_material3-definition.scss +0 -90
- package/styles/textbox/_material3-definition.scss +0 -1
- package/styles/uploader/_material3-definition.scss +0 -216
package/styles/input/_theme.scss
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
}
|
|
61
61
|
background: $input-disable-bg-color;
|
|
62
62
|
color: $input-disable-font-color;
|
|
63
|
-
@if $input-skin-name == 'material' {
|
|
63
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
64
64
|
background-image: linear-gradient(90deg, $input-disable-border-color 0, $input-disable-border-color 33%, transparent 0);
|
|
65
65
|
background-position: bottom -1px left 0;
|
|
66
66
|
background-repeat: repeat-x;
|
|
@@ -154,12 +154,17 @@
|
|
|
154
154
|
@if $input-skin-name == 'highcontrast' {
|
|
155
155
|
border-color: $input-group-border-color-hover;
|
|
156
156
|
}
|
|
157
|
+
@if $input-skin-name == 'Material3' {
|
|
158
|
+
border: $input-icon-hover-border;
|
|
159
|
+
border-radius: $input-icon-hover-border-radius;
|
|
160
|
+
background: $input-icon-hover-bg-color;
|
|
161
|
+
}
|
|
157
162
|
color: $input-group-hovered-color;
|
|
158
163
|
}
|
|
159
164
|
|
|
160
165
|
.e-input-group.e-disabled .e-input-group-icon:hover,
|
|
161
166
|
.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon:hover {
|
|
162
|
-
@if $input-skin-name == 'material' {
|
|
167
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
163
168
|
background: transparent;
|
|
164
169
|
}
|
|
165
170
|
}
|
|
@@ -291,7 +296,7 @@
|
|
|
291
296
|
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after,
|
|
292
297
|
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
|
|
293
298
|
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
|
|
294
|
-
@if $input-skin-name == 'material' {
|
|
299
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
295
300
|
background: $input-active-accent-color;
|
|
296
301
|
}
|
|
297
302
|
}
|
|
@@ -357,7 +362,7 @@
|
|
|
357
362
|
.e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after,
|
|
358
363
|
.e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before,
|
|
359
364
|
.e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after {
|
|
360
|
-
@if $input-skin-name == 'material' {
|
|
365
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
361
366
|
background: $input-success-color;
|
|
362
367
|
}
|
|
363
368
|
}
|
|
@@ -370,7 +375,7 @@
|
|
|
370
375
|
.e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after,
|
|
371
376
|
.e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before,
|
|
372
377
|
.e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after {
|
|
373
|
-
@if $input-skin-name == 'material' {
|
|
378
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
374
379
|
background: $input-warning-color;
|
|
375
380
|
}
|
|
376
381
|
}
|
|
@@ -389,7 +394,7 @@
|
|
|
389
394
|
.e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after,
|
|
390
395
|
.e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before,
|
|
391
396
|
.e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after {
|
|
392
|
-
@if $input-skin-name == 'material' {
|
|
397
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
393
398
|
background: $input-error-color;
|
|
394
399
|
}
|
|
395
400
|
}
|
|
@@ -663,7 +668,7 @@
|
|
|
663
668
|
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
|
|
664
669
|
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
|
|
665
670
|
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
|
|
666
|
-
@if $input-skin-name == 'material' {
|
|
671
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
667
672
|
@include input-group-animation-bg;
|
|
668
673
|
}
|
|
669
674
|
}
|
|
@@ -676,7 +681,7 @@
|
|
|
676
681
|
.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after,
|
|
677
682
|
.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before,
|
|
678
683
|
.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after {
|
|
679
|
-
@if $input-skin-name == 'material' {
|
|
684
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
680
685
|
@include input-group-animation-bg;
|
|
681
686
|
}
|
|
682
687
|
}
|
|
@@ -685,7 +690,7 @@
|
|
|
685
690
|
.e-input-group::after,
|
|
686
691
|
.e-input-group.e-control-wrapper::before,
|
|
687
692
|
.e-input-group.e-control-wrapper::after {
|
|
688
|
-
@if $input-skin-name != 'material' {
|
|
693
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
689
694
|
@include input-group-animation-bg;
|
|
690
695
|
}
|
|
691
696
|
}
|
|
@@ -698,7 +703,7 @@
|
|
|
698
703
|
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::after,
|
|
699
704
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before,
|
|
700
705
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after {
|
|
701
|
-
@if $input-skin-name == 'material' {
|
|
706
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
702
707
|
@include input-group-success-animation-bg;
|
|
703
708
|
}
|
|
704
709
|
}
|
|
@@ -715,7 +720,7 @@
|
|
|
715
720
|
.e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::after,
|
|
716
721
|
.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before,
|
|
717
722
|
.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after {
|
|
718
|
-
@if $input-skin-name == 'material' {
|
|
723
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
719
724
|
@include input-group-success-animation-bg;
|
|
720
725
|
}
|
|
721
726
|
}
|
|
@@ -724,7 +729,7 @@
|
|
|
724
729
|
.e-input-group.e-success::after,
|
|
725
730
|
.e-input-group.e-control-wrapper.e-success::before,
|
|
726
731
|
.e-input-group.e-control-wrapper.e-success::after {
|
|
727
|
-
@if $input-skin-name != 'material' {
|
|
732
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
728
733
|
@include input-group-success-animation-bg;
|
|
729
734
|
}
|
|
730
735
|
}
|
|
@@ -737,7 +742,7 @@
|
|
|
737
742
|
.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::after,
|
|
738
743
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before,
|
|
739
744
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after {
|
|
740
|
-
@if $input-skin-name == 'material' {
|
|
745
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
741
746
|
@include input-group-warning-animation-bg;
|
|
742
747
|
}
|
|
743
748
|
}
|
|
@@ -746,7 +751,7 @@
|
|
|
746
751
|
.e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::after,
|
|
747
752
|
.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::before,
|
|
748
753
|
.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::after {
|
|
749
|
-
@if $input-skin-name == 'material' {
|
|
754
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
750
755
|
@include input-group-warning-animation-bg;
|
|
751
756
|
}
|
|
752
757
|
}
|
|
@@ -755,7 +760,7 @@
|
|
|
755
760
|
.e-input-group.e-warning::after,
|
|
756
761
|
.e-input-group.e-control-wrapper.e-warning::before,
|
|
757
762
|
.e-input-group.e-control-wrapper.e-warning::after {
|
|
758
|
-
@if $input-skin-name != 'material' {
|
|
763
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
759
764
|
@include input-group-warning-animation-bg;
|
|
760
765
|
}
|
|
761
766
|
}
|
|
@@ -768,7 +773,7 @@
|
|
|
768
773
|
.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::after,
|
|
769
774
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before,
|
|
770
775
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after {
|
|
771
|
-
@if $input-skin-name == 'material' {
|
|
776
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
772
777
|
@include input-group-error-animation-bg;
|
|
773
778
|
}
|
|
774
779
|
}
|
|
@@ -781,7 +786,7 @@
|
|
|
781
786
|
.e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::after,
|
|
782
787
|
.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before,
|
|
783
788
|
.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after {
|
|
784
|
-
@if $input-skin-name == 'material' {
|
|
789
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
785
790
|
@include input-group-error-animation-bg;
|
|
786
791
|
}
|
|
787
792
|
}
|
|
@@ -790,7 +795,7 @@
|
|
|
790
795
|
.e-input-group.e-error::after,
|
|
791
796
|
.e-input-group.e-control-wrapper.e-error::before,
|
|
792
797
|
.e-input-group.e-control-wrapper.e-error::after {
|
|
793
|
-
@if $input-skin-name != 'material' {
|
|
798
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
794
799
|
@include input-group-error-animation-bg;
|
|
795
800
|
}
|
|
796
801
|
}
|
|
@@ -836,21 +841,21 @@
|
|
|
836
841
|
|
|
837
842
|
.e-input-group.e-success:not(.e-disabled) .e-input-group-icon:active,
|
|
838
843
|
.e-input-group.e-control-wrapper.e-success:not(.e-disabled) .e-input-group-icon:active {
|
|
839
|
-
@if $input-skin-name == 'material' {
|
|
844
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
840
845
|
color: $input-icon-font-color;
|
|
841
846
|
}
|
|
842
847
|
}
|
|
843
848
|
|
|
844
849
|
.e-input-group.e-warning:not(.e-disabled) .e-input-group-icon:active,
|
|
845
850
|
.e-input-group.e-control-wrapper.e-warning:not(.e-disabled) .e-input-group-icon:active {
|
|
846
|
-
@if $input-skin-name == 'material' {
|
|
851
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
847
852
|
color: $input-icon-font-color;
|
|
848
853
|
}
|
|
849
854
|
}
|
|
850
855
|
|
|
851
856
|
.e-input-group.e-error:not(.e-disabled) .e-input-group-icon:active,
|
|
852
857
|
.e-input-group.e-control-wrapper.e-error:not(.e-disabled) .e-input-group-icon:active {
|
|
853
|
-
@if $input-skin-name == 'material' {
|
|
858
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
854
859
|
color: $input-icon-font-color;
|
|
855
860
|
}
|
|
856
861
|
}
|
|
@@ -963,7 +968,7 @@
|
|
|
963
968
|
|
|
964
969
|
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
|
|
965
970
|
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
|
|
966
|
-
@if $input-skin-name == 'material' {
|
|
971
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
967
972
|
border-color: $input-group-border-color-focus;
|
|
968
973
|
}
|
|
969
974
|
}
|
|
@@ -971,7 +976,7 @@
|
|
|
971
976
|
|
|
972
977
|
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
|
|
973
978
|
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
|
|
974
|
-
@if $input-skin-name != 'material' {
|
|
979
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
975
980
|
border-color: $input-group-border-color-focus;
|
|
976
981
|
}
|
|
977
982
|
@if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
|
|
@@ -1063,14 +1068,14 @@
|
|
|
1063
1068
|
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
|
|
1064
1069
|
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
|
|
1065
1070
|
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
|
|
1066
|
-
@if $input-skin-name == 'material' {
|
|
1071
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1067
1072
|
border-color: $input-group-full-border-color;
|
|
1068
1073
|
}
|
|
1069
1074
|
}
|
|
1070
1075
|
|
|
1071
1076
|
.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
|
|
1072
1077
|
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
|
|
1073
|
-
@if $input-skin-name != 'material' {
|
|
1078
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
1074
1079
|
border-color: $input-group-full-border-color;
|
|
1075
1080
|
}
|
|
1076
1081
|
@if $input-skin-name == 'tailwind' {
|
|
@@ -1140,7 +1145,7 @@
|
|
|
1140
1145
|
.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
|
|
1141
1146
|
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input,
|
|
1142
1147
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
|
|
1143
|
-
@if $input-skin-name == 'material' {
|
|
1148
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1144
1149
|
border-bottom-color: transparent;
|
|
1145
1150
|
border-top-color: transparent;
|
|
1146
1151
|
}
|
|
@@ -1150,7 +1155,7 @@
|
|
|
1150
1155
|
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
|
|
1151
1156
|
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
|
|
1152
1157
|
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
|
|
1153
|
-
@if $input-skin-name != 'material' {
|
|
1158
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
1154
1159
|
border-bottom-color: transparent;
|
|
1155
1160
|
border-top-color: transparent;
|
|
1156
1161
|
}
|
|
@@ -1170,7 +1175,7 @@
|
|
|
1170
1175
|
.e-float-icon-left.e-input-group.e-control-wrapper.e-error,
|
|
1171
1176
|
.e-input-group.e-float-icon-left,
|
|
1172
1177
|
.e-input-group.e-control-wrapper.e-float-icon-left {
|
|
1173
|
-
@if $input-skin-name == 'material' {
|
|
1178
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1174
1179
|
border-color: transparent;
|
|
1175
1180
|
}
|
|
1176
1181
|
}
|
|
@@ -1184,7 +1189,7 @@
|
|
|
1184
1189
|
|
|
1185
1190
|
.e-input-group.e-float-icon-left.e-success .e-input-in-wrap,
|
|
1186
1191
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap {
|
|
1187
|
-
@if $input-skin-name == 'material' {
|
|
1192
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1188
1193
|
@include input-state-color ($input-group-success-color);
|
|
1189
1194
|
}
|
|
1190
1195
|
}
|
|
@@ -1198,7 +1203,7 @@
|
|
|
1198
1203
|
|
|
1199
1204
|
.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap,
|
|
1200
1205
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-warning .e-input-in-wrap {
|
|
1201
|
-
@if $input-skin-name == 'material' {
|
|
1206
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1202
1207
|
@include input-state-color ($input-group-warning-color);
|
|
1203
1208
|
}
|
|
1204
1209
|
}
|
|
@@ -1212,7 +1217,7 @@
|
|
|
1212
1217
|
|
|
1213
1218
|
.e-input-group.e-float-icon-left.e-error .e-input-in-wrap,
|
|
1214
1219
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap {
|
|
1215
|
-
@if $input-skin-name == 'material' {
|
|
1220
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1216
1221
|
@include input-state-color ($input-group-error-color);
|
|
1217
1222
|
}
|
|
1218
1223
|
}
|
|
@@ -1241,6 +1246,11 @@
|
|
|
1241
1246
|
@if ($input-skin-name == 'FluentUI') {
|
|
1242
1247
|
background: $input-clear-icon-hover-bg-color;
|
|
1243
1248
|
}
|
|
1249
|
+
@if $input-skin-name == 'Material3' {
|
|
1250
|
+
border: $input-clear-icon-hover-border;
|
|
1251
|
+
border-radius: $input-clear-icon-hover-border-radius;
|
|
1252
|
+
background: $input-clear-icon-hover-bg-color;
|
|
1253
|
+
}
|
|
1244
1254
|
}
|
|
1245
1255
|
|
|
1246
1256
|
.e-float-input:not(.e-disabled) .e-clear-icon:hover,
|
|
@@ -1653,7 +1663,7 @@
|
|
|
1653
1663
|
.e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
1654
1664
|
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
1655
1665
|
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
1656
|
-
@if $input-skin-name == 'material' {
|
|
1666
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1657
1667
|
color: $input-active-accent-color;
|
|
1658
1668
|
}
|
|
1659
1669
|
}
|
|
@@ -1678,7 +1688,7 @@
|
|
|
1678
1688
|
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
|
|
1679
1689
|
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
|
|
1680
1690
|
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover {
|
|
1681
|
-
@if $input-skin-name == 'material' {
|
|
1691
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1682
1692
|
border-color: $input-group-border-color-hover;
|
|
1683
1693
|
}
|
|
1684
1694
|
}
|
|
@@ -1691,7 +1701,7 @@
|
|
|
1691
1701
|
.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
|
|
1692
1702
|
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
|
|
1693
1703
|
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
|
|
1694
|
-
@if $input-skin-name != 'material' and $input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'bootstrap5' and $input-skin-name != 'highcontrast' and $input-skin-name != 'tailwind' and $input-skin-name != 'FluentUI' {
|
|
1704
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' and $input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'bootstrap5' and $input-skin-name != 'highcontrast' and $input-skin-name != 'tailwind' and $input-skin-name != 'FluentUI' {
|
|
1695
1705
|
border-color: $input-group-border-color-hover;
|
|
1696
1706
|
}
|
|
1697
1707
|
}
|
|
@@ -1721,7 +1731,7 @@
|
|
|
1721
1731
|
.e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover,
|
|
1722
1732
|
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
|
|
1723
1733
|
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
|
|
1724
|
-
@if $input-skin-name == 'material' {
|
|
1734
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1725
1735
|
border-color: $input-group-border-color-focus;
|
|
1726
1736
|
}
|
|
1727
1737
|
}
|
|
@@ -1734,7 +1744,7 @@
|
|
|
1734
1744
|
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
|
|
1735
1745
|
.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
|
|
1736
1746
|
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
|
|
1737
|
-
@if $input-skin-name != 'material' {
|
|
1747
|
+
@if $input-skin-name != 'material' and $input-skin-name != 'Material3' {
|
|
1738
1748
|
border-color: $input-group-border-color-focus;
|
|
1739
1749
|
}
|
|
1740
1750
|
}
|
|
@@ -1758,7 +1768,7 @@
|
|
|
1758
1768
|
.e-float-input.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
|
|
1759
1769
|
.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
|
|
1760
1770
|
.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
|
|
1761
|
-
@if $input-skin-name == 'material' {
|
|
1771
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1762
1772
|
border-color: $input-group-border-color-hover;
|
|
1763
1773
|
}
|
|
1764
1774
|
}
|
|
@@ -1775,7 +1785,7 @@
|
|
|
1775
1785
|
.e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover,
|
|
1776
1786
|
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
|
|
1777
1787
|
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
|
|
1778
|
-
@if $input-skin-name == 'material' {
|
|
1788
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1779
1789
|
border-color: $input-group-border-color-hover;
|
|
1780
1790
|
}
|
|
1781
1791
|
}
|
|
@@ -1826,7 +1836,7 @@
|
|
|
1826
1836
|
.e-outline.e-float-input.e-input-group,
|
|
1827
1837
|
.e-outline.e-float-input.e-control-wrapper,
|
|
1828
1838
|
.e-outline.e-float-input.e-input-group.e-control-wrapper {
|
|
1829
|
-
@if $input-skin-name == 'material' {
|
|
1839
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1830
1840
|
color: $outline-input-font-color;
|
|
1831
1841
|
}
|
|
1832
1842
|
}
|
|
@@ -1837,7 +1847,7 @@
|
|
|
1837
1847
|
.e-outline.e-float-input.e-input-group.e-disabled,
|
|
1838
1848
|
.e-outline.e-float-input.e-control-wrapper.e-disabled,
|
|
1839
1849
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled {
|
|
1840
|
-
@if $input-skin-name == 'material' {
|
|
1850
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1841
1851
|
color: $outline-disabled-input-font-color;
|
|
1842
1852
|
}
|
|
1843
1853
|
}
|
|
@@ -1850,7 +1860,7 @@
|
|
|
1850
1860
|
.e-outline.e-float-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
|
|
1851
1861
|
.e-outline.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
|
|
1852
1862
|
.e-outline.e-float-input:hover:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
|
|
1853
|
-
@if $input-skin-name == 'material' {
|
|
1863
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1854
1864
|
border-color: $outline-hover-border-color;
|
|
1855
1865
|
color: $outline-hover-font-color;
|
|
1856
1866
|
}
|
|
@@ -1872,14 +1882,14 @@
|
|
|
1872
1882
|
.e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
|
|
1873
1883
|
.e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
|
|
1874
1884
|
.e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after {
|
|
1875
|
-
@if $input-skin-name == 'material' {
|
|
1885
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1876
1886
|
border-color: $outline-hover-border-color;
|
|
1877
1887
|
}
|
|
1878
1888
|
}
|
|
1879
1889
|
|
|
1880
1890
|
.e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
|
|
1881
1891
|
.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
|
|
1882
|
-
@if $input-skin-name == 'material' {
|
|
1892
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1883
1893
|
border-color: $input-active-border-color;
|
|
1884
1894
|
box-shadow: inset 1px 1px $input-active-border-color, inset -1px 0 $input-active-border-color, inset 0 -1px $input-active-border-color;
|
|
1885
1895
|
}
|
|
@@ -1890,7 +1900,7 @@
|
|
|
1890
1900
|
.e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
|
|
1891
1901
|
.e-outline.e-input-group.e-float-icon-left:not(.e-input-focus),
|
|
1892
1902
|
.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-input-focus) {
|
|
1893
|
-
@if $input-skin-name == 'material' {
|
|
1903
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1894
1904
|
border-color: $outline-border-color;
|
|
1895
1905
|
}
|
|
1896
1906
|
}
|
|
@@ -1903,7 +1913,7 @@
|
|
|
1903
1913
|
.e-outline.e-float-input.e-input-group.e-error,
|
|
1904
1914
|
.e-outline.e-float-input.e-control-wrapper.e-error,
|
|
1905
1915
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-error {
|
|
1906
|
-
@if $input-skin-name == 'material' {
|
|
1916
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1907
1917
|
border-color: $input-error-color;
|
|
1908
1918
|
}
|
|
1909
1919
|
}
|
|
@@ -1926,7 +1936,7 @@
|
|
|
1926
1936
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus,
|
|
1927
1937
|
.e-outline.e-float-input.e-input-group.e-error.e-input-focus:not(.e-float-icon-left),
|
|
1928
1938
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus:not(.e-float-icon-left) {
|
|
1929
|
-
@if $input-skin-name == 'material' {
|
|
1939
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1930
1940
|
border-top-color: transparent;
|
|
1931
1941
|
}
|
|
1932
1942
|
}
|
|
@@ -1939,7 +1949,7 @@
|
|
|
1939
1949
|
.e-outline.e-float-input.e-input-group.e-success,
|
|
1940
1950
|
.e-outline.e-float-input.e-control-wrapper.e-success,
|
|
1941
1951
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-success {
|
|
1942
|
-
@if $input-skin-name == 'material' {
|
|
1952
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1943
1953
|
border-color: $input-success-color;
|
|
1944
1954
|
}
|
|
1945
1955
|
}
|
|
@@ -1952,28 +1962,28 @@
|
|
|
1952
1962
|
.e-outline.e-float-input.e-input-group.e-warning,
|
|
1953
1963
|
.e-outline.e-float-input.e-control-wrapper.e-warning,
|
|
1954
1964
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning {
|
|
1955
|
-
@if $input-skin-name == 'material' {
|
|
1965
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1956
1966
|
border-color: $input-warning-color;
|
|
1957
1967
|
}
|
|
1958
1968
|
}
|
|
1959
1969
|
|
|
1960
1970
|
.e-outline.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning),
|
|
1961
1971
|
.e-outline.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) {
|
|
1962
|
-
@if $input-skin-name == 'material' {
|
|
1972
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1963
1973
|
box-shadow: inset 1px 1px $input-error-color, inset -1px $zero-value $input-error-color, inset $zero-value -1px $input-error-color;
|
|
1964
1974
|
}
|
|
1965
1975
|
}
|
|
1966
1976
|
|
|
1967
1977
|
.e-outline.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning),
|
|
1968
1978
|
.e-outline.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) {
|
|
1969
|
-
@if $input-skin-name == 'material' {
|
|
1979
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1970
1980
|
box-shadow: inset 1px 1px $input-success-color, inset -1px $zero-value $input-success-color, inset $zero-value -1px $input-success-color;
|
|
1971
1981
|
}
|
|
1972
1982
|
}
|
|
1973
1983
|
|
|
1974
1984
|
.e-outline.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success),
|
|
1975
1985
|
.e-outline.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) {
|
|
1976
|
-
@if $input-skin-name == 'material' {
|
|
1986
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1977
1987
|
box-shadow: inset 1px 1px $input-warning-color, inset -1px $zero-value $input-warning-color, inset $zero-value -1px $input-warning-color;
|
|
1978
1988
|
}
|
|
1979
1989
|
}
|
|
@@ -1982,7 +1992,7 @@
|
|
|
1982
1992
|
.e-outline.e-float-input.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning),
|
|
1983
1993
|
.e-outline.e-float-input.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning),
|
|
1984
1994
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) {
|
|
1985
|
-
@if $input-skin-name == 'material' {
|
|
1995
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1986
1996
|
box-shadow: inset 1px $zero-value $input-error-color, inset -1px $zero-value $input-error-color, inset $zero-value -1px $input-error-color;
|
|
1987
1997
|
}
|
|
1988
1998
|
}
|
|
@@ -1991,7 +2001,7 @@
|
|
|
1991
2001
|
.e-outline.e-float-input.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning),
|
|
1992
2002
|
.e-outline.e-float-input.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning),
|
|
1993
2003
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) {
|
|
1994
|
-
@if $input-skin-name == 'material' {
|
|
2004
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
1995
2005
|
box-shadow: inset 1px $zero-value $input-success-color, inset -1px $zero-value $input-success-color, inset $zero-value -1px $input-success-color;
|
|
1996
2006
|
}
|
|
1997
2007
|
}
|
|
@@ -2000,7 +2010,7 @@
|
|
|
2000
2010
|
.e-outline.e-float-input.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success),
|
|
2001
2011
|
.e-outline.e-float-input.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success),
|
|
2002
2012
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) {
|
|
2003
|
-
@if $input-skin-name == 'material' {
|
|
2013
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2004
2014
|
box-shadow: inset 1px $zero-value $input-warning-color, inset -1px $zero-value $input-warning-color, inset $zero-value -1px $input-warning-color;
|
|
2005
2015
|
}
|
|
2006
2016
|
}
|
|
@@ -2010,7 +2020,7 @@
|
|
|
2010
2020
|
.e-outline.e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
|
|
2011
2021
|
.e-outline.e-input-group.e-disabled.e-float-icon-left:not(.e-input-focus),
|
|
2012
2022
|
.e-outline.e-input-group.e-disabled.e-control-wrapper.e-float-icon-left:not(.e-input-focus) {
|
|
2013
|
-
@if $input-skin-name == 'material' {
|
|
2023
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2014
2024
|
border-color: $outline-disabled-border-color;
|
|
2015
2025
|
}
|
|
2016
2026
|
}
|
|
@@ -2065,7 +2075,7 @@
|
|
|
2065
2075
|
.e-small .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
|
|
2066
2076
|
.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
2067
2077
|
.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text {
|
|
2068
|
-
@if $input-skin-name == 'material' {
|
|
2078
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2069
2079
|
color: $input-success-color;
|
|
2070
2080
|
}
|
|
2071
2081
|
}
|
|
@@ -2120,7 +2130,7 @@
|
|
|
2120
2130
|
.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
|
|
2121
2131
|
.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
|
|
2122
2132
|
.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
|
|
2123
|
-
@if $input-skin-name == 'material' {
|
|
2133
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2124
2134
|
color: $input-error-color;
|
|
2125
2135
|
}
|
|
2126
2136
|
}
|
|
@@ -2175,7 +2185,7 @@
|
|
|
2175
2185
|
.e-small .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
|
|
2176
2186
|
.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
2177
2187
|
.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text {
|
|
2178
|
-
@if $input-skin-name == 'material' {
|
|
2188
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2179
2189
|
color: $input-warning-color;
|
|
2180
2190
|
}
|
|
2181
2191
|
}
|
|
@@ -2184,7 +2194,7 @@
|
|
|
2184
2194
|
.e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top,
|
|
2185
2195
|
.e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus label.e-label-top,
|
|
2186
2196
|
.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus label.e-label-top {
|
|
2187
|
-
@if $input-skin-name == 'material' {
|
|
2197
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2188
2198
|
color: $input-active-border-color;
|
|
2189
2199
|
}
|
|
2190
2200
|
}
|
|
@@ -2204,7 +2214,7 @@
|
|
|
2204
2214
|
.e-outline.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
|
|
2205
2215
|
.e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
|
|
2206
2216
|
.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
|
|
2207
|
-
@if $input-skin-name == 'material' {
|
|
2217
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2208
2218
|
background-image: none;
|
|
2209
2219
|
border-bottom-color: $outline-disabled-border-color;
|
|
2210
2220
|
border-color: $outline-disabled-border-color;
|
|
@@ -2214,7 +2224,7 @@
|
|
|
2214
2224
|
.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus),
|
|
2215
2225
|
.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
|
|
2216
2226
|
.e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) {
|
|
2217
|
-
@if $input-skin-name == 'material' {
|
|
2227
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2218
2228
|
border-top-color: transparent;
|
|
2219
2229
|
}
|
|
2220
2230
|
}
|
|
@@ -2231,7 +2241,7 @@
|
|
|
2231
2241
|
.e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after,
|
|
2232
2242
|
.e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before,
|
|
2233
2243
|
.e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after {
|
|
2234
|
-
@if $input-skin-name == 'material' {
|
|
2244
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2235
2245
|
border-color: $outline-disabled-border-color;
|
|
2236
2246
|
}
|
|
2237
2247
|
}
|
|
@@ -2250,7 +2260,7 @@
|
|
|
2250
2260
|
.e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
|
|
2251
2261
|
.e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
|
|
2252
2262
|
.e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
|
|
2253
|
-
@if $input-skin-name == 'material' {
|
|
2263
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2254
2264
|
color: $outline-float-label-disbale-font-color;
|
|
2255
2265
|
}
|
|
2256
2266
|
}
|
|
@@ -2265,7 +2275,7 @@
|
|
|
2265
2275
|
.e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
|
|
2266
2276
|
.e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
|
|
2267
2277
|
.e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
|
|
2268
|
-
@if $input-skin-name == 'material' {
|
|
2278
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2269
2279
|
color: $outline-float-label-disbale-font-color;
|
|
2270
2280
|
}
|
|
2271
2281
|
}
|
|
@@ -2294,7 +2304,7 @@
|
|
|
2294
2304
|
.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
|
|
2295
2305
|
.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
|
|
2296
2306
|
.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
|
|
2297
|
-
@if $input-skin-name == 'material' {
|
|
2307
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2298
2308
|
color: $outline-float-label-disbale-font-color;
|
|
2299
2309
|
}
|
|
2300
2310
|
}
|
|
@@ -2319,14 +2329,14 @@
|
|
|
2319
2329
|
.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
|
|
2320
2330
|
.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
|
|
2321
2331
|
.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
|
|
2322
|
-
@if $input-skin-name == 'material' {
|
|
2332
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2323
2333
|
color: $outline-float-label-disbale-font-color;
|
|
2324
2334
|
}
|
|
2325
2335
|
}
|
|
2326
2336
|
|
|
2327
2337
|
.e-outline.e-input-group.e-disabled .e-input-group-icon,
|
|
2328
2338
|
.e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon {
|
|
2329
|
-
@if $input-skin-name == 'material' {
|
|
2339
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2330
2340
|
color: $outline-input-group-disabled-color;
|
|
2331
2341
|
}
|
|
2332
2342
|
}
|
|
@@ -2337,7 +2347,7 @@
|
|
|
2337
2347
|
.e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
|
|
2338
2348
|
.e-outline.e-input-group:not(.e-disabled) .e-clear-icon:hover,
|
|
2339
2349
|
.e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
|
|
2340
|
-
@if $input-skin-name == 'material' {
|
|
2350
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2341
2351
|
color: $outline-input-clear-icon-hover-color;
|
|
2342
2352
|
}
|
|
2343
2353
|
}
|
|
@@ -2346,7 +2356,7 @@
|
|
|
2346
2356
|
.e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active,
|
|
2347
2357
|
.e-outline.e-input-group:not(.e-disabled) .e-clear-icon:active,
|
|
2348
2358
|
.e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active {
|
|
2349
|
-
@if $input-skin-name == 'material' {
|
|
2359
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2350
2360
|
color: $outline-input-clear-icon-active-color;
|
|
2351
2361
|
}
|
|
2352
2362
|
}
|
|
@@ -2359,7 +2369,7 @@
|
|
|
2359
2369
|
.e-filled.e-float-input.e-input-group,
|
|
2360
2370
|
.e-filled.e-float-input.e-control-wrapper,
|
|
2361
2371
|
.e-filled.e-float-input.e-input-group.e-control-wrapper {
|
|
2362
|
-
@if $input-skin-name == 'material' {
|
|
2372
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2363
2373
|
background: $filled-input-bg-color;
|
|
2364
2374
|
transition: $background-color-transition;
|
|
2365
2375
|
}
|
|
@@ -2371,7 +2381,7 @@
|
|
|
2371
2381
|
.e-filled.e-float-input.e-input-group:hover,
|
|
2372
2382
|
.e-filled.e-float-input.e-control-wrapper:hover,
|
|
2373
2383
|
.e-filled.e-float-input.e-input-group.e-control-wrapper:hover {
|
|
2374
|
-
@if $input-skin-name == 'material' {
|
|
2384
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2375
2385
|
background: $filled-input-overlay-focused-bg-color;
|
|
2376
2386
|
transition: $background-color-transition;
|
|
2377
2387
|
}
|
|
@@ -2389,7 +2399,7 @@
|
|
|
2389
2399
|
.e-filled.e-float-input:hover.e-input-group.e-input-focus,
|
|
2390
2400
|
.e-filled.e-float-input:hover.e-control-wrapper.e-input-focus,
|
|
2391
2401
|
.e-filled.e-float-input:hover.e-input-group.e-control-wrapper.e-input-focus {
|
|
2392
|
-
@if $input-skin-name == 'material' {
|
|
2402
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2393
2403
|
background: $filled-input-overlay-activated-bg-color;
|
|
2394
2404
|
transition: $background-color-transition;
|
|
2395
2405
|
}
|
|
@@ -2403,7 +2413,7 @@
|
|
|
2403
2413
|
.e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
|
|
2404
2414
|
.e-filled.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
|
|
2405
2415
|
.e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
|
|
2406
|
-
@if $input-skin-name == 'material' {
|
|
2416
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2407
2417
|
border-color: $filled-input-hover-border-color;
|
|
2408
2418
|
}
|
|
2409
2419
|
}
|
|
@@ -2414,7 +2424,7 @@
|
|
|
2414
2424
|
.e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
|
|
2415
2425
|
.e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
|
|
2416
2426
|
.e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
|
|
2417
|
-
@if $input-skin-name == 'material' {
|
|
2427
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2418
2428
|
border-color: $filled-input-hover-border-color;
|
|
2419
2429
|
}
|
|
2420
2430
|
}
|
|
@@ -2425,21 +2435,21 @@
|
|
|
2425
2435
|
.e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
|
|
2426
2436
|
.e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
|
|
2427
2437
|
.e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
|
|
2428
|
-
@if $input-skin-name == 'material' {
|
|
2438
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2429
2439
|
border-color: $filled-input-hover-border-color;
|
|
2430
2440
|
}
|
|
2431
2441
|
}
|
|
2432
2442
|
|
|
2433
2443
|
.e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error),
|
|
2434
2444
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) {
|
|
2435
|
-
@if $input-skin-name == 'material' {
|
|
2445
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2436
2446
|
border-color: $input-group-full-border-color;
|
|
2437
2447
|
}
|
|
2438
2448
|
}
|
|
2439
2449
|
|
|
2440
2450
|
.e-filled.e-float-input:not(.e-success):not(.e-warning):not(.e-error),
|
|
2441
2451
|
.e-filled.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
|
|
2442
|
-
@if $input-skin-name == 'material' {
|
|
2452
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2443
2453
|
border-color: $input-group-full-border-color;
|
|
2444
2454
|
}
|
|
2445
2455
|
}
|
|
@@ -2448,7 +2458,7 @@
|
|
|
2448
2458
|
.e-filled.e-float-input.e-control-wrapper.e-success,
|
|
2449
2459
|
.e-filled.e-input-group.e-float-icon-left.e-success,
|
|
2450
2460
|
.e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-success {
|
|
2451
|
-
@if $input-skin-name == 'material' {
|
|
2461
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2452
2462
|
@include input-state-color ($input-success-color);
|
|
2453
2463
|
}
|
|
2454
2464
|
}
|
|
@@ -2457,7 +2467,7 @@
|
|
|
2457
2467
|
.e-filled.e-float-input.e-control-wrapper.e-warning,
|
|
2458
2468
|
.e-filled.e-input-group.e-float-icon-left.e-warning,
|
|
2459
2469
|
.e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-warning {
|
|
2460
|
-
@if $input-skin-name == 'material' {
|
|
2470
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2461
2471
|
@include input-state-color ($input-warning-color);
|
|
2462
2472
|
}
|
|
2463
2473
|
}
|
|
@@ -2466,7 +2476,7 @@
|
|
|
2466
2476
|
.e-filled.e-float-input.e-control-wrapper.e-error,
|
|
2467
2477
|
.e-filled.e-input-group.e-float-icon-left.e-error,
|
|
2468
2478
|
.e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-error {
|
|
2469
|
-
@if $input-skin-name == 'material' {
|
|
2479
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2470
2480
|
@include input-state-color ($input-error-color);
|
|
2471
2481
|
}
|
|
2472
2482
|
}
|
|
@@ -2488,7 +2498,7 @@
|
|
|
2488
2498
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
2489
2499
|
.e-bigger .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
2490
2500
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
|
|
2491
|
-
@if $input-skin-name == 'material' {
|
|
2501
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2492
2502
|
color: $filled-input-float-label-color;
|
|
2493
2503
|
}
|
|
2494
2504
|
}
|
|
@@ -2501,7 +2511,7 @@
|
|
|
2501
2511
|
.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
|
|
2502
2512
|
.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
|
|
2503
2513
|
.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
|
|
2504
|
-
@if $input-skin-name == 'material' {
|
|
2514
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2505
2515
|
color: $input-error-color;
|
|
2506
2516
|
}
|
|
2507
2517
|
}
|
|
@@ -2514,7 +2524,7 @@
|
|
|
2514
2524
|
.e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text,
|
|
2515
2525
|
.e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
|
|
2516
2526
|
.e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text {
|
|
2517
|
-
@if $input-skin-name == 'material' {
|
|
2527
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2518
2528
|
color: $input-success-color;
|
|
2519
2529
|
}
|
|
2520
2530
|
}
|
|
@@ -2527,7 +2537,7 @@
|
|
|
2527
2537
|
.e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text,
|
|
2528
2538
|
.e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
|
|
2529
2539
|
.e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text {
|
|
2530
|
-
@if $input-skin-name == 'material' {
|
|
2540
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2531
2541
|
color: $input-warning-color;
|
|
2532
2542
|
}
|
|
2533
2543
|
}
|
|
@@ -2551,7 +2561,7 @@
|
|
|
2551
2561
|
.e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2552
2562
|
.e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2553
2563
|
.e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
2554
|
-
@if $input-skin-name == 'material' {
|
|
2564
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2555
2565
|
color: $filled-input-float-label-color;
|
|
2556
2566
|
}
|
|
2557
2567
|
}
|
|
@@ -2575,7 +2585,7 @@
|
|
|
2575
2585
|
.e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2576
2586
|
.e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2577
2587
|
.e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
2578
|
-
@if $input-skin-name == 'material' {
|
|
2588
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2579
2589
|
color: $filled-input-float-label-color;
|
|
2580
2590
|
}
|
|
2581
2591
|
}
|
|
@@ -2599,7 +2609,7 @@
|
|
|
2599
2609
|
.e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2600
2610
|
.e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2601
2611
|
.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
2602
|
-
@if $input-skin-name == 'material' {
|
|
2612
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2603
2613
|
color: $filled-input-float-label-color;
|
|
2604
2614
|
}
|
|
2605
2615
|
}
|
|
@@ -2628,7 +2638,7 @@
|
|
|
2628
2638
|
.e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2629
2639
|
.e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2630
2640
|
.e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
2631
|
-
@if $input-skin-name == 'material' {
|
|
2641
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2632
2642
|
color: $filled-input-float-label-color;
|
|
2633
2643
|
}
|
|
2634
2644
|
}
|
|
@@ -2657,7 +2667,7 @@
|
|
|
2657
2667
|
.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2658
2668
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2659
2669
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
2660
|
-
@if $input-skin-name == 'material' {
|
|
2670
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2661
2671
|
color: $filled-input-float-label-color;
|
|
2662
2672
|
}
|
|
2663
2673
|
}
|
|
@@ -2676,7 +2686,7 @@
|
|
|
2676
2686
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
2677
2687
|
.e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
2678
2688
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
|
|
2679
|
-
@if $input-skin-name == 'material' {
|
|
2689
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2680
2690
|
color: $filled-input-float-label-color;
|
|
2681
2691
|
}
|
|
2682
2692
|
}
|
|
@@ -2684,7 +2694,7 @@
|
|
|
2684
2694
|
.e-filled.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
|
|
2685
2695
|
.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
|
|
2686
2696
|
.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
|
|
2687
|
-
@if $input-skin-name == 'material' {
|
|
2697
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2688
2698
|
color: $filled-input-float-label-color;
|
|
2689
2699
|
}
|
|
2690
2700
|
}
|
|
@@ -2705,7 +2715,7 @@
|
|
|
2705
2715
|
.e-bigger .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
|
|
2706
2716
|
.e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
2707
2717
|
.e-bigger .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
2708
|
-
@if $input-skin-name == 'material' {
|
|
2718
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2709
2719
|
color: $filled-input-float-label-color;
|
|
2710
2720
|
}
|
|
2711
2721
|
}
|
|
@@ -2726,7 +2736,7 @@
|
|
|
2726
2736
|
.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
|
|
2727
2737
|
.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
2728
2738
|
.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
2729
|
-
@if $input-skin-name == 'material' {
|
|
2739
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2730
2740
|
color: $filled-input-float-label-color;
|
|
2731
2741
|
}
|
|
2732
2742
|
}
|
|
@@ -2751,7 +2761,7 @@
|
|
|
2751
2761
|
.e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
|
|
2752
2762
|
.e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
2753
2763
|
.e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
2754
|
-
@if $input-skin-name == 'material' {
|
|
2764
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2755
2765
|
color: $filled-input-float-label-color;
|
|
2756
2766
|
}
|
|
2757
2767
|
}
|
|
@@ -2776,7 +2786,7 @@
|
|
|
2776
2786
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
|
|
2777
2787
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
2778
2788
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
2779
|
-
@if $input-skin-name == 'material' {
|
|
2789
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2780
2790
|
color: $filled-input-float-label-color;
|
|
2781
2791
|
}
|
|
2782
2792
|
}
|
|
@@ -2877,7 +2887,7 @@
|
|
|
2877
2887
|
.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2878
2888
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
|
|
2879
2889
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
|
|
2880
|
-
@if $input-skin-name == 'material' {
|
|
2890
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2881
2891
|
color: $input-active-accent-color;
|
|
2882
2892
|
}
|
|
2883
2893
|
}
|
|
@@ -2898,7 +2908,7 @@
|
|
|
2898
2908
|
.e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
2899
2909
|
.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
2900
2910
|
.e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
2901
|
-
@if $input-skin-name == 'material' {
|
|
2911
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2902
2912
|
color: $filled-input-float-label-color;
|
|
2903
2913
|
}
|
|
2904
2914
|
}
|
|
@@ -2919,21 +2929,21 @@
|
|
|
2919
2929
|
.e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
2920
2930
|
.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
2921
2931
|
.e-filled.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
2922
|
-
@if $input-skin-name == 'material' {
|
|
2932
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2923
2933
|
color: $filled-input-float-label-color;
|
|
2924
2934
|
}
|
|
2925
2935
|
}
|
|
2926
2936
|
|
|
2927
2937
|
|
|
2928
2938
|
input.e-filled.e-input#{$css}:-moz-placeholder {
|
|
2929
|
-
@if $input-skin-name == 'material' {
|
|
2939
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2930
2940
|
color: $filled-input-float-label-color;
|
|
2931
2941
|
}
|
|
2932
2942
|
}
|
|
2933
2943
|
|
|
2934
2944
|
|
|
2935
2945
|
.e-input-group.e-filled input.e-input:-moz-placeholder {
|
|
2936
|
-
@if $input-skin-name == 'material' {
|
|
2946
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2937
2947
|
color: $filled-input-float-label-color;
|
|
2938
2948
|
}
|
|
2939
2949
|
}
|
|
@@ -2941,126 +2951,126 @@
|
|
|
2941
2951
|
|
|
2942
2952
|
.e-input-group.e-filled input.e-input:-moz-placeholder,
|
|
2943
2953
|
.e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder {
|
|
2944
|
-
@if $input-skin-name == 'material' {
|
|
2954
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2945
2955
|
color: $filled-input-float-label-color;
|
|
2946
2956
|
}
|
|
2947
2957
|
}
|
|
2948
2958
|
|
|
2949
2959
|
|
|
2950
2960
|
input.e-filled.e-input#{$css}:-moz-placeholder {
|
|
2951
|
-
@if $input-skin-name == 'material' {
|
|
2961
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2952
2962
|
color: $filled-input-float-label-color;
|
|
2953
2963
|
}
|
|
2954
2964
|
}
|
|
2955
2965
|
|
|
2956
2966
|
|
|
2957
2967
|
.e-input-group.e-filled input.e-input:-moz-placeholder {
|
|
2958
|
-
@if $input-skin-name == 'material' {
|
|
2968
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2959
2969
|
color: $filled-input-float-label-color;
|
|
2960
2970
|
}
|
|
2961
2971
|
}
|
|
2962
2972
|
|
|
2963
2973
|
|
|
2964
2974
|
.e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder {
|
|
2965
|
-
@if $input-skin-name == 'material' {
|
|
2975
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2966
2976
|
color: $filled-input-float-label-color;
|
|
2967
2977
|
}
|
|
2968
2978
|
}
|
|
2969
2979
|
|
|
2970
2980
|
|
|
2971
2981
|
textarea.e-filled.e-input#{$css}:-moz-placeholder {
|
|
2972
|
-
@if $input-skin-name == 'material' {
|
|
2982
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2973
2983
|
color: $filled-input-float-label-color;
|
|
2974
2984
|
}
|
|
2975
2985
|
}
|
|
2976
2986
|
|
|
2977
2987
|
|
|
2978
2988
|
.e-input-group.e-filled textarea.e-input:-moz-placeholder {
|
|
2979
|
-
@if $input-skin-name == 'material' {
|
|
2989
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2980
2990
|
color: $filled-input-float-label-color;
|
|
2981
2991
|
}
|
|
2982
2992
|
}
|
|
2983
2993
|
|
|
2984
2994
|
|
|
2985
2995
|
.e-input-group.e-filled.e-control-wrapper textarea.e-input:-moz-placeholder {
|
|
2986
|
-
@if $input-skin-name == 'material' {
|
|
2996
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2987
2997
|
color: $filled-input-float-label-color;
|
|
2988
2998
|
}
|
|
2989
2999
|
}
|
|
2990
3000
|
|
|
2991
3001
|
|
|
2992
3002
|
input.e-filled.e-input#{$css}::-moz-placeholder {
|
|
2993
|
-
@if $input-skin-name == 'material' {
|
|
3003
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
2994
3004
|
color: $filled-input-float-label-color;
|
|
2995
3005
|
}
|
|
2996
3006
|
}
|
|
2997
3007
|
|
|
2998
3008
|
|
|
2999
3009
|
.e-input-group.e-filled input.e-input::-moz-placeholder {
|
|
3000
|
-
@if $input-skin-name == 'material' {
|
|
3010
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3001
3011
|
color: $filled-input-float-label-color;
|
|
3002
3012
|
}
|
|
3003
3013
|
}
|
|
3004
3014
|
|
|
3005
3015
|
|
|
3006
3016
|
.e-input-group.e-filled.e-control-wrapper input.e-input::-moz-placeholder {
|
|
3007
|
-
@if $input-skin-name == 'material' {
|
|
3017
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3008
3018
|
color: $filled-input-float-label-color;
|
|
3009
3019
|
}
|
|
3010
3020
|
}
|
|
3011
3021
|
|
|
3012
3022
|
|
|
3013
3023
|
textarea.e-filled.e-input#{$css}::-moz-placeholder {
|
|
3014
|
-
@if $input-skin-name == 'material' {
|
|
3024
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3015
3025
|
color: $filled-input-float-label-color;
|
|
3016
3026
|
}
|
|
3017
3027
|
}
|
|
3018
3028
|
|
|
3019
3029
|
|
|
3020
3030
|
.e-input-group.e-filled textarea.e-input::-moz-placeholder {
|
|
3021
|
-
@if $input-skin-name == 'material' {
|
|
3031
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3022
3032
|
color: $filled-input-float-label-color;
|
|
3023
3033
|
}
|
|
3024
3034
|
}
|
|
3025
3035
|
|
|
3026
3036
|
|
|
3027
3037
|
.e-input-group.e-filled.e-control-wrapper textarea.e-input::-moz-placeholder {
|
|
3028
|
-
@if $input-skin-name == 'material' {
|
|
3038
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3029
3039
|
color: $filled-input-float-label-color;
|
|
3030
3040
|
}
|
|
3031
3041
|
}
|
|
3032
3042
|
|
|
3033
3043
|
|
|
3034
3044
|
input.e-filled.e-input#{$css}:-ms-input-placeholder {
|
|
3035
|
-
@if $input-skin-name == 'material' {
|
|
3045
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3036
3046
|
color: $filled-input-float-label-color;
|
|
3037
3047
|
}
|
|
3038
3048
|
}
|
|
3039
3049
|
|
|
3040
3050
|
|
|
3041
3051
|
.e-input-group.e-filled input.e-input:-ms-input-placeholder {
|
|
3042
|
-
@if $input-skin-name == 'material' {
|
|
3052
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3043
3053
|
color: $filled-input-float-label-color;
|
|
3044
3054
|
}
|
|
3045
3055
|
}
|
|
3046
3056
|
|
|
3047
3057
|
|
|
3048
3058
|
.e-input-group.e-filled.e-control-wrapper input.e-input:-ms-input-placeholder {
|
|
3049
|
-
@if $input-skin-name == 'material' {
|
|
3059
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3050
3060
|
color: $filled-input-float-label-color;
|
|
3051
3061
|
}
|
|
3052
3062
|
}
|
|
3053
3063
|
|
|
3054
3064
|
|
|
3055
3065
|
textarea.e-filled.e-input#{$css}:-ms-input-placeholder {
|
|
3056
|
-
@if $input-skin-name == 'material' {
|
|
3066
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3057
3067
|
color: $filled-input-float-label-color;
|
|
3058
3068
|
}
|
|
3059
3069
|
}
|
|
3060
3070
|
|
|
3061
3071
|
|
|
3062
3072
|
.e-input-group.e-filled.e-control-wrapper textarea.e-input:-ms-input-placeholder {
|
|
3063
|
-
@if $input-skin-name == 'material' {
|
|
3073
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3064
3074
|
color: $filled-input-float-label-color;
|
|
3065
3075
|
}
|
|
3066
3076
|
}
|
|
@@ -3095,49 +3105,49 @@
|
|
|
3095
3105
|
|
|
3096
3106
|
|
|
3097
3107
|
.e-input-group.e-filled textarea.e-input:-ms-input-placeholder {
|
|
3098
|
-
@if $input-skin-name == 'material' {
|
|
3108
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3099
3109
|
color: $filled-input-float-label-color;
|
|
3100
3110
|
}
|
|
3101
3111
|
}
|
|
3102
3112
|
|
|
3103
3113
|
|
|
3104
3114
|
input.e-filled.e-input#{$css}::-webkit-input-placeholder {
|
|
3105
|
-
@if $input-skin-name == 'material' {
|
|
3115
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3106
3116
|
color: $filled-input-float-label-color;
|
|
3107
3117
|
}
|
|
3108
3118
|
}
|
|
3109
3119
|
|
|
3110
3120
|
|
|
3111
3121
|
.e-input-group.e-filled.e-control-wrapper input.e-input::-webkit-input-placeholder {
|
|
3112
|
-
@if $input-skin-name == 'material' {
|
|
3122
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3113
3123
|
color: $filled-input-float-label-color;
|
|
3114
3124
|
}
|
|
3115
3125
|
}
|
|
3116
3126
|
|
|
3117
3127
|
|
|
3118
3128
|
.e-input-group.e-filled input.e-input::-webkit-input-placeholder {
|
|
3119
|
-
@if $input-skin-name == 'material' {
|
|
3129
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3120
3130
|
color: $filled-input-float-label-color;
|
|
3121
3131
|
}
|
|
3122
3132
|
}
|
|
3123
3133
|
|
|
3124
3134
|
|
|
3125
3135
|
textarea.e-filled.e-input#{$css}::-webkit-input-placeholder {
|
|
3126
|
-
@if $input-skin-name == 'material' {
|
|
3136
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3127
3137
|
color: $filled-input-float-label-color;
|
|
3128
3138
|
}
|
|
3129
3139
|
}
|
|
3130
3140
|
|
|
3131
3141
|
|
|
3132
3142
|
.e-input-group.e-filled textarea.e-input::-webkit-input-placeholder {
|
|
3133
|
-
@if $input-skin-name == 'material' {
|
|
3143
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3134
3144
|
color: $filled-input-float-label-color;
|
|
3135
3145
|
}
|
|
3136
3146
|
}
|
|
3137
3147
|
|
|
3138
3148
|
|
|
3139
3149
|
.e-input-group.e-filled.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
|
|
3140
|
-
@if $input-skin-name == 'material' {
|
|
3150
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3141
3151
|
color: $filled-input-float-label-color;
|
|
3142
3152
|
}
|
|
3143
3153
|
}
|
|
@@ -3148,7 +3158,7 @@
|
|
|
3148
3158
|
.e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
|
|
3149
3159
|
.e-filled.e-input-group:not(.e-disabled) .e-clear-icon:hover,
|
|
3150
3160
|
.e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
|
|
3151
|
-
@if $input-skin-name == 'material' {
|
|
3161
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3152
3162
|
color: $filled-input-clear-icon-hover-color;
|
|
3153
3163
|
}
|
|
3154
3164
|
}
|
|
@@ -3157,7 +3167,7 @@
|
|
|
3157
3167
|
.e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active,
|
|
3158
3168
|
.e-filled.e-input-group:not(.e-disabled) .e-clear-icon:active,
|
|
3159
3169
|
.e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active {
|
|
3160
|
-
@if $input-skin-name == 'material' {
|
|
3170
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3161
3171
|
color: $filled-input-clear-icon-active-color;
|
|
3162
3172
|
}
|
|
3163
3173
|
}
|
|
@@ -3170,7 +3180,7 @@
|
|
|
3170
3180
|
.e-input-group.e-filled.e-control-wrapper.e-disabled .e-clear-icon,
|
|
3171
3181
|
.e-input-group.e-filled.e-disabled .e-input-group-icon,
|
|
3172
3182
|
.e-input-group.e-filled.e-control-wrapper.e-disabled .e-input-group-icon {
|
|
3173
|
-
@if $input-skin-name == 'material' {
|
|
3183
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3174
3184
|
color: $filled-input-disabled-font-color;
|
|
3175
3185
|
}
|
|
3176
3186
|
}
|
|
@@ -3185,7 +3195,7 @@
|
|
|
3185
3195
|
.e-filled.e-float-input textarea[disabled],
|
|
3186
3196
|
.e-filled.e-float-input.e-control-wrapper textarea[disabled],
|
|
3187
3197
|
.e-filled.e-float-input.e-disabled,
|
|
3188
|
-
.e-filled.e-float-input.e-control-wrapper.e-disabled
|
|
3198
|
+
.e-filled.e-float-input.e-control-wrapper.e-disabled {
|
|
3189
3199
|
@if $input-skin-name == 'material' {
|
|
3190
3200
|
background: $filled-input-disabled-bg-color;
|
|
3191
3201
|
background-image: none;
|
|
@@ -3195,11 +3205,20 @@
|
|
|
3195
3205
|
border-color: $filled-input-disabled-border-color;
|
|
3196
3206
|
color: $filled-input-disabled-font-color;
|
|
3197
3207
|
}
|
|
3208
|
+
@if $input-skin-name == 'Material3' {
|
|
3209
|
+
//background: $filled-input-disabled-bg-color;
|
|
3210
|
+
background-image: none;
|
|
3211
|
+
background-position: initial;
|
|
3212
|
+
background-repeat: no-repeat;
|
|
3213
|
+
background-size: $zero-value;
|
|
3214
|
+
border-color: $filled-input-disabled-border-color;
|
|
3215
|
+
color: $filled-input-disabled-font-color;
|
|
3216
|
+
}
|
|
3198
3217
|
}
|
|
3199
3218
|
|
|
3200
3219
|
.e-filled.e-float-input.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
|
|
3201
3220
|
.e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
|
|
3202
|
-
@if $input-skin-name == 'material' {
|
|
3221
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3203
3222
|
border-color: $filled-input-disabled-border-color;
|
|
3204
3223
|
}
|
|
3205
3224
|
}
|
|
@@ -3208,7 +3227,7 @@
|
|
|
3208
3227
|
.e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
|
|
3209
3228
|
.e-filled.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
|
|
3210
3229
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
|
|
3211
|
-
@if $input-skin-name == 'material' {
|
|
3230
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3212
3231
|
background: $filled-input-disabled-bg-color;
|
|
3213
3232
|
background-image: none;
|
|
3214
3233
|
background-position: initial;
|
|
@@ -3223,7 +3242,7 @@
|
|
|
3223
3242
|
.e-filled.e-float-input.e-control-wrapper:not(.e-disabled) input[disabled],
|
|
3224
3243
|
.e-filled.e-float-input:not(.e-disabled) textarea[disabled],
|
|
3225
3244
|
.e-filled.e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] {
|
|
3226
|
-
@if $input-skin-name == 'material' {
|
|
3245
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3227
3246
|
color: $filled-input-disabled-font-color;
|
|
3228
3247
|
}
|
|
3229
3248
|
}
|
|
@@ -3242,7 +3261,7 @@
|
|
|
3242
3261
|
.e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
|
|
3243
3262
|
.e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
|
|
3244
3263
|
.e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
|
|
3245
|
-
@if $input-skin-name == 'material' {
|
|
3264
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3246
3265
|
color: $filled-input-disabled-font-color;
|
|
3247
3266
|
}
|
|
3248
3267
|
}
|
|
@@ -3257,7 +3276,7 @@
|
|
|
3257
3276
|
.e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
|
|
3258
3277
|
.e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
|
|
3259
3278
|
.e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
|
|
3260
|
-
@if $input-skin-name == 'material' {
|
|
3279
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3261
3280
|
color: $filled-input-disabled-font-color;
|
|
3262
3281
|
}
|
|
3263
3282
|
}
|
|
@@ -3286,7 +3305,7 @@
|
|
|
3286
3305
|
.e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
|
|
3287
3306
|
.e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
|
|
3288
3307
|
.e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
|
|
3289
|
-
@if $input-skin-name == 'material' {
|
|
3308
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3290
3309
|
color: $filled-input-disabled-font-color;
|
|
3291
3310
|
}
|
|
3292
3311
|
}
|
|
@@ -3311,21 +3330,21 @@
|
|
|
3311
3330
|
.e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
|
|
3312
3331
|
.e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
|
|
3313
3332
|
.e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
|
|
3314
|
-
@if $input-skin-name == 'material' {
|
|
3333
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3315
3334
|
color: $filled-input-disabled-font-color;
|
|
3316
3335
|
}
|
|
3317
3336
|
}
|
|
3318
3337
|
|
|
3319
3338
|
|
|
3320
3339
|
input.e-filled.e-disabled.e-input#{$css}:-moz-placeholder {
|
|
3321
|
-
@if $input-skin-name == 'material' {
|
|
3340
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3322
3341
|
color: $filled-input-disabled-font-color;
|
|
3323
3342
|
}
|
|
3324
3343
|
}
|
|
3325
3344
|
|
|
3326
3345
|
|
|
3327
3346
|
.e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder {
|
|
3328
|
-
@if $input-skin-name == 'material' {
|
|
3347
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3329
3348
|
color: $filled-input-disabled-font-color;
|
|
3330
3349
|
}
|
|
3331
3350
|
}
|
|
@@ -3333,175 +3352,175 @@
|
|
|
3333
3352
|
|
|
3334
3353
|
.e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder,
|
|
3335
3354
|
.e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder {
|
|
3336
|
-
@if $input-skin-name == 'material' {
|
|
3355
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3337
3356
|
color: $filled-input-disabled-font-color;
|
|
3338
3357
|
}
|
|
3339
3358
|
}
|
|
3340
3359
|
|
|
3341
3360
|
|
|
3342
3361
|
input.e-filled.e-disabled.e-input#{$css}:-moz-placeholder {
|
|
3343
|
-
@if $input-skin-name == 'material' {
|
|
3362
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3344
3363
|
color: $filled-input-disabled-font-color;
|
|
3345
3364
|
}
|
|
3346
3365
|
}
|
|
3347
3366
|
|
|
3348
3367
|
|
|
3349
3368
|
.e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder {
|
|
3350
|
-
@if $input-skin-name == 'material' {
|
|
3369
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3351
3370
|
color: $filled-input-disabled-font-color;
|
|
3352
3371
|
}
|
|
3353
3372
|
}
|
|
3354
3373
|
|
|
3355
3374
|
|
|
3356
3375
|
.e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder {
|
|
3357
|
-
@if $input-skin-name == 'material' {
|
|
3376
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3358
3377
|
color: $filled-input-disabled-font-color;
|
|
3359
3378
|
}
|
|
3360
3379
|
}
|
|
3361
3380
|
|
|
3362
3381
|
|
|
3363
3382
|
textarea.e-filled.e-disabled.e-input#{$css}:-moz-placeholder {
|
|
3364
|
-
@if $input-skin-name == 'material' {
|
|
3383
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3365
3384
|
color: $filled-input-disabled-font-color;
|
|
3366
3385
|
}
|
|
3367
3386
|
}
|
|
3368
3387
|
|
|
3369
3388
|
|
|
3370
3389
|
.e-input-group.e-filled.e-disabled textarea.e-input:-moz-placeholder {
|
|
3371
|
-
@if $input-skin-name == 'material' {
|
|
3390
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3372
3391
|
color: $filled-input-disabled-font-color;
|
|
3373
3392
|
}
|
|
3374
3393
|
}
|
|
3375
3394
|
|
|
3376
3395
|
|
|
3377
3396
|
.e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-moz-placeholder {
|
|
3378
|
-
@if $input-skin-name == 'material' {
|
|
3397
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3379
3398
|
color: $filled-input-disabled-font-color;
|
|
3380
3399
|
}
|
|
3381
3400
|
}
|
|
3382
3401
|
|
|
3383
3402
|
|
|
3384
3403
|
input.e-filled.e-disabled.e-input#{$css}::-moz-placeholder {
|
|
3385
|
-
@if $input-skin-name == 'material' {
|
|
3404
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3386
3405
|
color: $filled-input-disabled-font-color;
|
|
3387
3406
|
}
|
|
3388
3407
|
}
|
|
3389
3408
|
|
|
3390
3409
|
|
|
3391
3410
|
.e-input-group.e-filled.e-disabled input.e-input::-moz-placeholder {
|
|
3392
|
-
@if $input-skin-name == 'material' {
|
|
3411
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3393
3412
|
color: $filled-input-disabled-font-color;
|
|
3394
3413
|
}
|
|
3395
3414
|
}
|
|
3396
3415
|
|
|
3397
3416
|
|
|
3398
3417
|
.e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-moz-placeholder {
|
|
3399
|
-
@if $input-skin-name == 'material' {
|
|
3418
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3400
3419
|
color: $filled-input-disabled-font-color;
|
|
3401
3420
|
}
|
|
3402
3421
|
}
|
|
3403
3422
|
|
|
3404
3423
|
|
|
3405
3424
|
textarea.e-filled.e-disabled.e-input#{$css}::-moz-placeholder {
|
|
3406
|
-
@if $input-skin-name == 'material' {
|
|
3425
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3407
3426
|
color: $filled-input-disabled-font-color;
|
|
3408
3427
|
}
|
|
3409
3428
|
}
|
|
3410
3429
|
|
|
3411
3430
|
|
|
3412
3431
|
.e-input-group.e-filled.e-disabled textarea.e-input::-moz-placeholder {
|
|
3413
|
-
@if $input-skin-name == 'material' {
|
|
3432
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3414
3433
|
color: $filled-input-disabled-font-color;
|
|
3415
3434
|
}
|
|
3416
3435
|
}
|
|
3417
3436
|
|
|
3418
3437
|
|
|
3419
3438
|
.e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-moz-placeholder {
|
|
3420
|
-
@if $input-skin-name == 'material' {
|
|
3439
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3421
3440
|
color: $filled-input-disabled-font-color;
|
|
3422
3441
|
}
|
|
3423
3442
|
}
|
|
3424
3443
|
|
|
3425
3444
|
|
|
3426
3445
|
input.e-filled.e-disabled.e-input#{$css}:-ms-input-placeholder {
|
|
3427
|
-
@if $input-skin-name == 'material' {
|
|
3446
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3428
3447
|
color: $filled-input-disabled-font-color;
|
|
3429
3448
|
}
|
|
3430
3449
|
}
|
|
3431
3450
|
|
|
3432
3451
|
|
|
3433
3452
|
.e-input-group.e-filled.e-disabled input.e-input:-ms-input-placeholder {
|
|
3434
|
-
@if $input-skin-name == 'material' {
|
|
3453
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3435
3454
|
color: $filled-input-disabled-font-color;
|
|
3436
3455
|
}
|
|
3437
3456
|
}
|
|
3438
3457
|
|
|
3439
3458
|
|
|
3440
3459
|
.e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-ms-input-placeholder {
|
|
3441
|
-
@if $input-skin-name == 'material' {
|
|
3460
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3442
3461
|
color: $filled-input-disabled-font-color;
|
|
3443
3462
|
}
|
|
3444
3463
|
}
|
|
3445
3464
|
|
|
3446
3465
|
|
|
3447
3466
|
textarea.e-filled.e-disabled.e-input#{$css}:-ms-input-placeholder {
|
|
3448
|
-
@if $input-skin-name == 'material' {
|
|
3467
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3449
3468
|
color: $filled-input-disabled-font-color;
|
|
3450
3469
|
}
|
|
3451
3470
|
}
|
|
3452
3471
|
|
|
3453
3472
|
|
|
3454
3473
|
.e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-ms-input-placeholder {
|
|
3455
|
-
@if $input-skin-name == 'material' {
|
|
3474
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3456
3475
|
color: $filled-input-disabled-font-color;
|
|
3457
3476
|
}
|
|
3458
3477
|
}
|
|
3459
3478
|
|
|
3460
3479
|
|
|
3461
3480
|
.e-input-group.e-filled.e-disabled textarea.e-input:-ms-input-placeholder {
|
|
3462
|
-
@if $input-skin-name == 'material' {
|
|
3481
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3463
3482
|
color: $filled-input-disabled-font-color;
|
|
3464
3483
|
}
|
|
3465
3484
|
}
|
|
3466
3485
|
|
|
3467
3486
|
|
|
3468
3487
|
input.e-filled.e-disabled.e-input#{$css}::-webkit-input-placeholder {
|
|
3469
|
-
@if $input-skin-name == 'material' {
|
|
3488
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3470
3489
|
color: $filled-input-disabled-font-color;
|
|
3471
3490
|
}
|
|
3472
3491
|
}
|
|
3473
3492
|
|
|
3474
3493
|
|
|
3475
3494
|
.e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-webkit-input-placeholder {
|
|
3476
|
-
@if $input-skin-name == 'material' {
|
|
3495
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3477
3496
|
color: $filled-input-disabled-font-color;
|
|
3478
3497
|
}
|
|
3479
3498
|
}
|
|
3480
3499
|
|
|
3481
3500
|
|
|
3482
3501
|
.e-input-group.e-filled.e-disabled input.e-input::-webkit-input-placeholder {
|
|
3483
|
-
@if $input-skin-name == 'material' {
|
|
3502
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3484
3503
|
color: $filled-input-disabled-font-color;
|
|
3485
3504
|
}
|
|
3486
3505
|
}
|
|
3487
3506
|
|
|
3488
3507
|
|
|
3489
3508
|
textarea.e-filled.e-disabled.e-input#{$css}::-webkit-input-placeholder {
|
|
3490
|
-
@if $input-skin-name == 'material' {
|
|
3509
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3491
3510
|
color: $filled-input-disabled-font-color;
|
|
3492
3511
|
}
|
|
3493
3512
|
}
|
|
3494
3513
|
|
|
3495
3514
|
|
|
3496
3515
|
.e-input-group.e-filled.e-disabled textarea.e-input::-webkit-input-placeholder {
|
|
3497
|
-
@if $input-skin-name == 'material' {
|
|
3516
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3498
3517
|
color: $filled-input-disabled-font-color;
|
|
3499
3518
|
}
|
|
3500
3519
|
}
|
|
3501
3520
|
|
|
3502
3521
|
|
|
3503
3522
|
.e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
|
|
3504
|
-
@if $input-skin-name == 'material' {
|
|
3523
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3505
3524
|
color: $filled-input-disabled-font-color;
|
|
3506
3525
|
}
|
|
3507
3526
|
}
|
|
@@ -3512,7 +3531,7 @@
|
|
|
3512
3531
|
.e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after,
|
|
3513
3532
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before,
|
|
3514
3533
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after {
|
|
3515
|
-
@if $input-skin-name == 'material' {
|
|
3534
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3516
3535
|
@include input-group-animation-bg;
|
|
3517
3536
|
}
|
|
3518
3537
|
}
|
|
@@ -3521,7 +3540,7 @@
|
|
|
3521
3540
|
.e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after,
|
|
3522
3541
|
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before,
|
|
3523
3542
|
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after {
|
|
3524
|
-
@if $input-skin-name == 'material' {
|
|
3543
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3525
3544
|
@include input-group-animation-bg;
|
|
3526
3545
|
}
|
|
3527
3546
|
}
|
|
@@ -3530,7 +3549,7 @@
|
|
|
3530
3549
|
.e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::after,
|
|
3531
3550
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::before,
|
|
3532
3551
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::after {
|
|
3533
|
-
@if $input-skin-name == 'material' {
|
|
3552
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3534
3553
|
@include input-group-success-animation-bg;
|
|
3535
3554
|
}
|
|
3536
3555
|
}
|
|
@@ -3541,7 +3560,7 @@
|
|
|
3541
3560
|
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::after,
|
|
3542
3561
|
.e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::before,
|
|
3543
3562
|
.e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::after {
|
|
3544
|
-
@if $input-skin-name == 'material' {
|
|
3563
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3545
3564
|
@include input-group-success-animation-bg;
|
|
3546
3565
|
}
|
|
3547
3566
|
}
|
|
@@ -3552,7 +3571,7 @@
|
|
|
3552
3571
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::after,
|
|
3553
3572
|
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::before,
|
|
3554
3573
|
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::after {
|
|
3555
|
-
@if $input-skin-name == 'material' {
|
|
3574
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3556
3575
|
@include input-group-warning-animation-bg;
|
|
3557
3576
|
}
|
|
3558
3577
|
}
|
|
@@ -3561,7 +3580,7 @@
|
|
|
3561
3580
|
.e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::after,
|
|
3562
3581
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::before,
|
|
3563
3582
|
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::after {
|
|
3564
|
-
@if $input-skin-name == 'material' {
|
|
3583
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3565
3584
|
@include input-group-error-animation-bg;
|
|
3566
3585
|
}
|
|
3567
3586
|
}
|
|
@@ -3570,7 +3589,7 @@
|
|
|
3570
3589
|
.e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::after,
|
|
3571
3590
|
.e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::before,
|
|
3572
3591
|
.e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::after {
|
|
3573
|
-
@if $input-skin-name == 'material' {
|
|
3592
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3574
3593
|
@include input-group-error-animation-bg;
|
|
3575
3594
|
}
|
|
3576
3595
|
}
|
|
@@ -3579,7 +3598,7 @@
|
|
|
3579
3598
|
.e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
|
|
3580
3599
|
.e-filled.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
|
|
3581
3600
|
.e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left {
|
|
3582
|
-
@if $input-skin-name == 'material' {
|
|
3601
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3583
3602
|
border-color: $filled-input-hover-border-color;
|
|
3584
3603
|
}
|
|
3585
3604
|
}
|
|
@@ -3588,7 +3607,7 @@
|
|
|
3588
3607
|
.e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
|
|
3589
3608
|
.e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
|
|
3590
3609
|
.e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left {
|
|
3591
|
-
@if $input-skin-name == 'material' {
|
|
3610
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3592
3611
|
border-color: $filled-input-hover-border-color;
|
|
3593
3612
|
}
|
|
3594
3613
|
}
|
|
@@ -3597,7 +3616,7 @@
|
|
|
3597
3616
|
.e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
|
|
3598
3617
|
.e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
|
|
3599
3618
|
.e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left {
|
|
3600
|
-
@if $input-skin-name == 'material' {
|
|
3619
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3601
3620
|
border-color: $filled-input-hover-border-color;
|
|
3602
3621
|
}
|
|
3603
3622
|
}
|
|
@@ -3621,7 +3640,7 @@
|
|
|
3621
3640
|
.e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
|
|
3622
3641
|
.e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
3623
3642
|
.e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text {
|
|
3624
|
-
@if $input-skin-name == 'material' {
|
|
3643
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3625
3644
|
color: $input-success-color;
|
|
3626
3645
|
}
|
|
3627
3646
|
}
|
|
@@ -3645,7 +3664,7 @@
|
|
|
3645
3664
|
.e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
|
|
3646
3665
|
.e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
3647
3666
|
.e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text {
|
|
3648
|
-
@if $input-skin-name == 'material' {
|
|
3667
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3649
3668
|
color: $input-warning-color;
|
|
3650
3669
|
}
|
|
3651
3670
|
}
|
|
@@ -3669,7 +3688,7 @@
|
|
|
3669
3688
|
.e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
|
|
3670
3689
|
.e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
3671
3690
|
.e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text {
|
|
3672
|
-
@if $input-skin-name == 'material' {
|
|
3691
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3673
3692
|
color: $input-success-color;
|
|
3674
3693
|
}
|
|
3675
3694
|
}
|
|
@@ -3693,7 +3712,7 @@
|
|
|
3693
3712
|
.e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
|
|
3694
3713
|
.e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
3695
3714
|
.e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text {
|
|
3696
|
-
@if $input-skin-name == 'material' {
|
|
3715
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3697
3716
|
color: $input-warning-color;
|
|
3698
3717
|
}
|
|
3699
3718
|
}
|
|
@@ -3717,7 +3736,7 @@
|
|
|
3717
3736
|
.e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
|
|
3718
3737
|
.e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
3719
3738
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text {
|
|
3720
|
-
@if $input-skin-name == 'material' {
|
|
3739
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3721
3740
|
color: $input-success-color;
|
|
3722
3741
|
}
|
|
3723
3742
|
}
|
|
@@ -3746,7 +3765,7 @@
|
|
|
3746
3765
|
.e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
|
|
3747
3766
|
.e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
3748
3767
|
.e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text {
|
|
3749
|
-
@if $input-skin-name == 'material' {
|
|
3768
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3750
3769
|
color: $input-success-color;
|
|
3751
3770
|
}
|
|
3752
3771
|
}
|
|
@@ -3775,7 +3794,7 @@
|
|
|
3775
3794
|
.e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
|
|
3776
3795
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
3777
3796
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text {
|
|
3778
|
-
@if $input-skin-name == 'material' {
|
|
3797
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3779
3798
|
color: $input-success-color;
|
|
3780
3799
|
}
|
|
3781
3800
|
}
|
|
@@ -3794,7 +3813,7 @@
|
|
|
3794
3813
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
3795
3814
|
.e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
3796
3815
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
|
|
3797
|
-
@if $input-skin-name == 'material' {
|
|
3816
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3798
3817
|
color: $input-success-color;
|
|
3799
3818
|
}
|
|
3800
3819
|
}
|
|
@@ -3815,7 +3834,7 @@
|
|
|
3815
3834
|
.e-bigger .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text,
|
|
3816
3835
|
.e-bigger .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
3817
3836
|
.e-bigger .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
3818
|
-
@if $input-skin-name == 'material' {
|
|
3837
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3819
3838
|
color: $input-success-color;
|
|
3820
3839
|
}
|
|
3821
3840
|
}
|
|
@@ -3836,7 +3855,7 @@
|
|
|
3836
3855
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text,
|
|
3837
3856
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
3838
3857
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
3839
|
-
@if $input-skin-name == 'material' {
|
|
3858
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3840
3859
|
color: $input-success-color;
|
|
3841
3860
|
}
|
|
3842
3861
|
}
|
|
@@ -3861,7 +3880,7 @@
|
|
|
3861
3880
|
.e-bigger .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text,
|
|
3862
3881
|
.e-bigger .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
3863
3882
|
.e-bigger .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
3864
|
-
@if $input-skin-name == 'material' {
|
|
3883
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3865
3884
|
color: $input-success-color;
|
|
3866
3885
|
}
|
|
3867
3886
|
}
|
|
@@ -3886,7 +3905,7 @@
|
|
|
3886
3905
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text,
|
|
3887
3906
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
3888
3907
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
3889
|
-
@if $input-skin-name == 'material' {
|
|
3908
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3890
3909
|
color: $input-success-color;
|
|
3891
3910
|
}
|
|
3892
3911
|
}
|
|
@@ -3933,7 +3952,7 @@
|
|
|
3933
3952
|
.e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
|
|
3934
3953
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
|
|
3935
3954
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text {
|
|
3936
|
-
@if $input-skin-name == 'material' {
|
|
3955
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3937
3956
|
color: $input-success-color;
|
|
3938
3957
|
}
|
|
3939
3958
|
}
|
|
@@ -3954,7 +3973,7 @@
|
|
|
3954
3973
|
.e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
3955
3974
|
.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
3956
3975
|
.e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
3957
|
-
@if $input-skin-name == 'material' {
|
|
3976
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3958
3977
|
color: $input-success-color;
|
|
3959
3978
|
}
|
|
3960
3979
|
}
|
|
@@ -3975,7 +3994,7 @@
|
|
|
3975
3994
|
.e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
3976
3995
|
.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
3977
3996
|
.e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
3978
|
-
@if $input-skin-name == 'material' {
|
|
3997
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
3979
3998
|
color: $input-success-color;
|
|
3980
3999
|
}
|
|
3981
4000
|
}
|
|
@@ -3999,7 +4018,7 @@
|
|
|
3999
4018
|
.e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4000
4019
|
.e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4001
4020
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text {
|
|
4002
|
-
@if $input-skin-name == 'material' {
|
|
4021
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4003
4022
|
color: $input-warning-color;
|
|
4004
4023
|
}
|
|
4005
4024
|
}
|
|
@@ -4028,7 +4047,7 @@
|
|
|
4028
4047
|
.e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4029
4048
|
.e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4030
4049
|
.e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text {
|
|
4031
|
-
@if $input-skin-name == 'material' {
|
|
4050
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4032
4051
|
color: $input-warning-color;
|
|
4033
4052
|
}
|
|
4034
4053
|
}
|
|
@@ -4057,7 +4076,7 @@
|
|
|
4057
4076
|
.e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4058
4077
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4059
4078
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text {
|
|
4060
|
-
@if $input-skin-name == 'material' {
|
|
4079
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4061
4080
|
color: $input-warning-color;
|
|
4062
4081
|
}
|
|
4063
4082
|
}
|
|
@@ -4076,7 +4095,7 @@
|
|
|
4076
4095
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
4077
4096
|
.e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
|
|
4078
4097
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
|
|
4079
|
-
@if $input-skin-name == 'material' {
|
|
4098
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4080
4099
|
color: $input-warning-color;
|
|
4081
4100
|
}
|
|
4082
4101
|
}
|
|
@@ -4097,7 +4116,7 @@
|
|
|
4097
4116
|
.e-bigger .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text,
|
|
4098
4117
|
.e-bigger .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
4099
4118
|
.e-bigger .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
4100
|
-
@if $input-skin-name == 'material' {
|
|
4119
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4101
4120
|
color: $input-warning-color;
|
|
4102
4121
|
}
|
|
4103
4122
|
}
|
|
@@ -4118,7 +4137,7 @@
|
|
|
4118
4137
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text,
|
|
4119
4138
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
4120
4139
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
4121
|
-
@if $input-skin-name == 'material' {
|
|
4140
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4122
4141
|
color: $input-warning-color;
|
|
4123
4142
|
}
|
|
4124
4143
|
}
|
|
@@ -4143,7 +4162,7 @@
|
|
|
4143
4162
|
.e-bigger .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text,
|
|
4144
4163
|
.e-bigger .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
4145
4164
|
.e-bigger .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
4146
|
-
@if $input-skin-name == 'material' {
|
|
4165
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4147
4166
|
color: $input-warning-color;
|
|
4148
4167
|
}
|
|
4149
4168
|
}
|
|
@@ -4168,7 +4187,7 @@
|
|
|
4168
4187
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text,
|
|
4169
4188
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text,
|
|
4170
4189
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text {
|
|
4171
|
-
@if $input-skin-name == 'material' {
|
|
4190
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4172
4191
|
color: $input-warning-color;
|
|
4173
4192
|
}
|
|
4174
4193
|
}
|
|
@@ -4215,7 +4234,7 @@
|
|
|
4215
4234
|
.e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4216
4235
|
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
|
|
4217
4236
|
.e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text {
|
|
4218
|
-
@if $input-skin-name == 'material' {
|
|
4237
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4219
4238
|
color: $input-warning-color;
|
|
4220
4239
|
}
|
|
4221
4240
|
}
|
|
@@ -4236,7 +4255,7 @@
|
|
|
4236
4255
|
.e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
4237
4256
|
.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
4238
4257
|
.e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
4239
|
-
@if $input-skin-name == 'material' {
|
|
4258
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4240
4259
|
color: $input-warning-color;
|
|
4241
4260
|
}
|
|
4242
4261
|
}
|
|
@@ -4257,7 +4276,7 @@
|
|
|
4257
4276
|
.e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
4258
4277
|
.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
|
|
4259
4278
|
.e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
|
|
4260
|
-
@if $input-skin-name == 'material' {
|
|
4279
|
+
@if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
|
|
4261
4280
|
color: $input-warning-color;
|
|
4262
4281
|
}
|
|
4263
4282
|
}
|