@syncfusion/blazor-themes 22.1.36 → 22.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +85 -9
  2. package/SCSS-Themes/bootstrap.scss +90 -14
  3. package/SCSS-Themes/bootstrap4.scss +85 -9
  4. package/SCSS-Themes/bootstrap5-dark.scss +85 -9
  5. package/SCSS-Themes/bootstrap5.scss +85 -9
  6. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +0 -4
  7. package/SCSS-Themes/buttons/check-box/bootstrap.scss +0 -4
  8. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +0 -4
  9. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +0 -4
  10. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +0 -4
  11. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +0 -4
  12. package/SCSS-Themes/buttons/check-box/fabric.scss +0 -4
  13. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +0 -4
  14. package/SCSS-Themes/buttons/check-box/fluent.scss +0 -4
  15. package/SCSS-Themes/buttons/check-box/highcontrast.scss +0 -4
  16. package/SCSS-Themes/buttons/check-box/material-dark.scss +0 -4
  17. package/SCSS-Themes/buttons/check-box/material.scss +0 -4
  18. package/SCSS-Themes/buttons/check-box/material3-dark.scss +0 -4
  19. package/SCSS-Themes/buttons/check-box/material3.scss +0 -4
  20. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +0 -4
  21. package/SCSS-Themes/buttons/check-box/tailwind.scss +0 -4
  22. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  24. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  25. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +1 -1
  26. package/SCSS-Themes/fabric-dark.scss +86 -10
  27. package/SCSS-Themes/fabric.scss +86 -10
  28. package/SCSS-Themes/fluent-dark.scss +85 -9
  29. package/SCSS-Themes/fluent.scss +85 -9
  30. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +30 -1
  31. package/SCSS-Themes/grids/grid/bootstrap.scss +30 -1
  32. package/SCSS-Themes/grids/grid/bootstrap4.scss +30 -1
  33. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +30 -1
  34. package/SCSS-Themes/grids/grid/bootstrap5.scss +30 -1
  35. package/SCSS-Themes/grids/grid/fabric-dark.scss +30 -1
  36. package/SCSS-Themes/grids/grid/fabric.scss +30 -1
  37. package/SCSS-Themes/grids/grid/fluent-dark.scss +30 -1
  38. package/SCSS-Themes/grids/grid/fluent.scss +30 -1
  39. package/SCSS-Themes/grids/grid/highcontrast.scss +30 -1
  40. package/SCSS-Themes/grids/grid/material-dark.scss +30 -1
  41. package/SCSS-Themes/grids/grid/material.scss +30 -1
  42. package/SCSS-Themes/grids/grid/material3-dark.scss +30 -1
  43. package/SCSS-Themes/grids/grid/material3.scss +30 -1
  44. package/SCSS-Themes/grids/grid/tailwind-dark.scss +30 -1
  45. package/SCSS-Themes/grids/grid/tailwind.scss +30 -1
  46. package/SCSS-Themes/highcontrast.scss +87 -11
  47. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +20 -2
  48. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +20 -2
  49. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +20 -2
  50. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +20 -2
  51. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +20 -2
  52. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +20 -2
  53. package/SCSS-Themes/image-editor/image-editor/fabric.scss +20 -2
  54. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +20 -2
  55. package/SCSS-Themes/image-editor/image-editor/fluent.scss +20 -2
  56. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +20 -2
  57. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +20 -2
  58. package/SCSS-Themes/image-editor/image-editor/material.scss +20 -2
  59. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +20 -2
  60. package/SCSS-Themes/image-editor/image-editor/material3.scss +20 -2
  61. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +20 -2
  62. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +20 -2
  63. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +35 -2
  64. package/SCSS-Themes/inputs/input/bootstrap.scss +35 -2
  65. package/SCSS-Themes/inputs/input/bootstrap4.scss +35 -2
  66. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +35 -2
  67. package/SCSS-Themes/inputs/input/bootstrap5.scss +35 -2
  68. package/SCSS-Themes/inputs/input/fabric-dark.scss +35 -2
  69. package/SCSS-Themes/inputs/input/fabric.scss +35 -2
  70. package/SCSS-Themes/inputs/input/fluent-dark.scss +35 -2
  71. package/SCSS-Themes/inputs/input/fluent.scss +35 -2
  72. package/SCSS-Themes/inputs/input/highcontrast.scss +35 -2
  73. package/SCSS-Themes/inputs/input/material-dark.scss +35 -2
  74. package/SCSS-Themes/inputs/input/material.scss +35 -2
  75. package/SCSS-Themes/inputs/input/material3-dark.scss +35 -2
  76. package/SCSS-Themes/inputs/input/material3.scss +35 -2
  77. package/SCSS-Themes/inputs/input/tailwind-dark.scss +35 -2
  78. package/SCSS-Themes/inputs/input/tailwind.scss +35 -2
  79. package/SCSS-Themes/material-dark.scss +85 -9
  80. package/SCSS-Themes/material.scss +85 -9
  81. package/SCSS-Themes/material3-dark.scss +85 -9
  82. package/SCSS-Themes/material3.scss +85 -9
  83. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +5 -5
  84. package/SCSS-Themes/tailwind-dark.scss +85 -9
  85. package/SCSS-Themes/tailwind.scss +85 -9
  86. package/package.json +1 -1
package/SCSS-Themes/inputs/input/bootstrap.scss CHANGED
@@ -1778,7 +1778,7 @@ $float-label-rtl-value: -7px !default;
1778
1778
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1779
1779
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1780
1780
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1781
- top: -9px;
1781
+ top: -7px;
1782
1782
  }
1783
1783
  }
1784
1784
 
@@ -1819,7 +1819,7 @@ $float-label-rtl-value: -7px !default;
1819
1819
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1820
1820
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1821
1821
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1822
- top: -8px;
1822
+ top: -7px;
1823
1823
  }
1824
1824
  }
1825
1825
 
@@ -3132,6 +3132,7 @@ $float-label-rtl-value: -7px !default;
3132
3132
  }
3133
3133
 
3134
3134
  input.e-input.e-bigger#{$css},
3135
+ .e-bigger input.e-input#{$css},
3135
3136
  .e-input-group.e-bigger input,
3136
3137
  .e-input-group.e-bigger input.e-input,
3137
3138
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6328,6 +6329,16 @@ $float-label-rtl-value: -7px !default;
6328
6329
  }
6329
6330
  }
6330
6331
 
6332
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6333
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6334
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6335
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6336
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6337
+ margin-left: $outline-small-input-icon-margin-left;
6338
+ margin-right: $zero-value;
6339
+ }
6340
+ }
6341
+
6331
6342
  .e-outline.e-input-group.e-small .e-clear-icon,
6332
6343
  .e-outline.e-input-group .e-clear-icon.e-small,
6333
6344
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6411,6 +6422,17 @@ $float-label-rtl-value: -7px !default;
6411
6422
  }
6412
6423
  }
6413
6424
 
6425
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6426
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6427
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6428
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6429
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6430
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6431
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6432
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6433
+ }
6434
+ }
6435
+
6414
6436
  input.e-input.e-bigger.e-outline,
6415
6437
  .e-bigger input.e-input.e-outline,
6416
6438
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6617,6 +6639,17 @@ $float-label-rtl-value: -7px !default;
6617
6639
  }
6618
6640
  }
6619
6641
 
6642
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6643
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6644
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6645
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6646
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6647
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6648
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6649
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6650
+ }
6651
+ }
6652
+
6620
6653
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6621
6654
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6622
6655
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap4.scss CHANGED
@@ -1783,7 +1783,7 @@ $float-label-rtl-value: -7px !default;
1783
1783
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1784
1784
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1785
1785
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1786
- top: -9px;
1786
+ top: -7px;
1787
1787
  }
1788
1788
  }
1789
1789
 
@@ -1824,7 +1824,7 @@ $float-label-rtl-value: -7px !default;
1824
1824
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1825
1825
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1826
1826
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1827
- top: -8px;
1827
+ top: -7px;
1828
1828
  }
1829
1829
  }
1830
1830
 
@@ -3137,6 +3137,7 @@ $float-label-rtl-value: -7px !default;
3137
3137
  }
3138
3138
 
3139
3139
  input.e-input.e-bigger#{$css},
3140
+ .e-bigger input.e-input#{$css},
3140
3141
  .e-input-group.e-bigger input,
3141
3142
  .e-input-group.e-bigger input.e-input,
3142
3143
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6333,6 +6334,16 @@ $float-label-rtl-value: -7px !default;
6333
6334
  }
6334
6335
  }
6335
6336
 
6337
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6338
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6339
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6340
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6341
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6342
+ margin-left: $outline-small-input-icon-margin-left;
6343
+ margin-right: $zero-value;
6344
+ }
6345
+ }
6346
+
6336
6347
  .e-outline.e-input-group.e-small .e-clear-icon,
6337
6348
  .e-outline.e-input-group .e-clear-icon.e-small,
6338
6349
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6416,6 +6427,17 @@ $float-label-rtl-value: -7px !default;
6416
6427
  }
6417
6428
  }
6418
6429
 
6430
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6431
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6432
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6433
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6434
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6435
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6436
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6437
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6438
+ }
6439
+ }
6440
+
6419
6441
  input.e-input.e-bigger.e-outline,
6420
6442
  .e-bigger input.e-input.e-outline,
6421
6443
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6622,6 +6644,17 @@ $float-label-rtl-value: -7px !default;
6622
6644
  }
6623
6645
  }
6624
6646
 
6647
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6648
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6649
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6650
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6651
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6652
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6653
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6654
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6655
+ }
6656
+ }
6657
+
6625
6658
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6626
6659
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6627
6660
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap5-dark.scss CHANGED
@@ -1794,7 +1794,7 @@ $float-label-rtl-value: -7px !default;
1794
1794
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1795
1795
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1796
1796
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1797
- top: -9px;
1797
+ top: -7px;
1798
1798
  }
1799
1799
  }
1800
1800
 
@@ -1835,7 +1835,7 @@ $float-label-rtl-value: -7px !default;
1835
1835
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1836
1836
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1837
1837
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1838
- top: -8px;
1838
+ top: -7px;
1839
1839
  }
1840
1840
  }
1841
1841
 
@@ -3148,6 +3148,7 @@ $float-label-rtl-value: -7px !default;
3148
3148
  }
3149
3149
 
3150
3150
  input.e-input.e-bigger#{$css},
3151
+ .e-bigger input.e-input#{$css},
3151
3152
  .e-input-group.e-bigger input,
3152
3153
  .e-input-group.e-bigger input.e-input,
3153
3154
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6344,6 +6345,16 @@ $float-label-rtl-value: -7px !default;
6344
6345
  }
6345
6346
  }
6346
6347
 
6348
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6349
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6350
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6351
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6352
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6353
+ margin-left: $outline-small-input-icon-margin-left;
6354
+ margin-right: $zero-value;
6355
+ }
6356
+ }
6357
+
6347
6358
  .e-outline.e-input-group.e-small .e-clear-icon,
6348
6359
  .e-outline.e-input-group .e-clear-icon.e-small,
6349
6360
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6427,6 +6438,17 @@ $float-label-rtl-value: -7px !default;
6427
6438
  }
6428
6439
  }
6429
6440
 
6441
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6442
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6443
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6444
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6445
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6446
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6447
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6448
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6449
+ }
6450
+ }
6451
+
6430
6452
  input.e-input.e-bigger.e-outline,
6431
6453
  .e-bigger input.e-input.e-outline,
6432
6454
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6633,6 +6655,17 @@ $float-label-rtl-value: -7px !default;
6633
6655
  }
6634
6656
  }
6635
6657
 
6658
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6659
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6660
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6661
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6662
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6663
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6664
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6665
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6666
+ }
6667
+ }
6668
+
6636
6669
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6637
6670
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6638
6671
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap5.scss CHANGED
@@ -1794,7 +1794,7 @@ $float-label-rtl-value: -7px !default;
1794
1794
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1795
1795
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1796
1796
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1797
- top: -9px;
1797
+ top: -7px;
1798
1798
  }
1799
1799
  }
1800
1800
 
@@ -1835,7 +1835,7 @@ $float-label-rtl-value: -7px !default;
1835
1835
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1836
1836
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1837
1837
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1838
- top: -8px;
1838
+ top: -7px;
1839
1839
  }
1840
1840
  }
1841
1841
 
@@ -3148,6 +3148,7 @@ $float-label-rtl-value: -7px !default;
3148
3148
  }
3149
3149
 
3150
3150
  input.e-input.e-bigger#{$css},
3151
+ .e-bigger input.e-input#{$css},
3151
3152
  .e-input-group.e-bigger input,
3152
3153
  .e-input-group.e-bigger input.e-input,
3153
3154
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6344,6 +6345,16 @@ $float-label-rtl-value: -7px !default;
6344
6345
  }
6345
6346
  }
6346
6347
 
6348
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6349
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6350
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6351
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6352
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6353
+ margin-left: $outline-small-input-icon-margin-left;
6354
+ margin-right: $zero-value;
6355
+ }
6356
+ }
6357
+
6347
6358
  .e-outline.e-input-group.e-small .e-clear-icon,
6348
6359
  .e-outline.e-input-group .e-clear-icon.e-small,
6349
6360
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6427,6 +6438,17 @@ $float-label-rtl-value: -7px !default;
6427
6438
  }
6428
6439
  }
6429
6440
 
6441
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6442
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6443
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6444
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6445
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6446
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6447
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6448
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6449
+ }
6450
+ }
6451
+
6430
6452
  input.e-input.e-bigger.e-outline,
6431
6453
  .e-bigger input.e-input.e-outline,
6432
6454
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6633,6 +6655,17 @@ $float-label-rtl-value: -7px !default;
6633
6655
  }
6634
6656
  }
6635
6657
 
6658
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6659
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6660
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6661
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6662
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6663
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6664
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6665
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6666
+ }
6667
+ }
6668
+
6636
6669
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6637
6670
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6638
6671
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fabric-dark.scss CHANGED
@@ -1777,7 +1777,7 @@ $float-label-rtl-value: -7px !default;
1777
1777
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1778
1778
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1779
1779
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1780
- top: -9px;
1780
+ top: -7px;
1781
1781
  }
1782
1782
  }
1783
1783
 
@@ -1818,7 +1818,7 @@ $float-label-rtl-value: -7px !default;
1818
1818
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1819
1819
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1820
1820
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1821
- top: -8px;
1821
+ top: -7px;
1822
1822
  }
1823
1823
  }
1824
1824
 
@@ -3131,6 +3131,7 @@ $float-label-rtl-value: -7px !default;
3131
3131
  }
3132
3132
 
3133
3133
  input.e-input.e-bigger#{$css},
3134
+ .e-bigger input.e-input#{$css},
3134
3135
  .e-input-group.e-bigger input,
3135
3136
  .e-input-group.e-bigger input.e-input,
3136
3137
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6327,6 +6328,16 @@ $float-label-rtl-value: -7px !default;
6327
6328
  }
6328
6329
  }
6329
6330
 
6331
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6332
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6333
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6334
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6335
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6336
+ margin-left: $outline-small-input-icon-margin-left;
6337
+ margin-right: $zero-value;
6338
+ }
6339
+ }
6340
+
6330
6341
  .e-outline.e-input-group.e-small .e-clear-icon,
6331
6342
  .e-outline.e-input-group .e-clear-icon.e-small,
6332
6343
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6410,6 +6421,17 @@ $float-label-rtl-value: -7px !default;
6410
6421
  }
6411
6422
  }
6412
6423
 
6424
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6425
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6426
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6427
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6428
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6429
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6430
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6431
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6432
+ }
6433
+ }
6434
+
6413
6435
  input.e-input.e-bigger.e-outline,
6414
6436
  .e-bigger input.e-input.e-outline,
6415
6437
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6616,6 +6638,17 @@ $float-label-rtl-value: -7px !default;
6616
6638
  }
6617
6639
  }
6618
6640
 
6641
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6642
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6643
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6644
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6645
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6646
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6647
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6648
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6649
+ }
6650
+ }
6651
+
6619
6652
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6620
6653
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6621
6654
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fabric.scss CHANGED
@@ -1769,7 +1769,7 @@ $float-label-rtl-value: -7px !default;
1769
1769
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1770
1770
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1771
1771
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1772
- top: -9px;
1772
+ top: -7px;
1773
1773
  }
1774
1774
  }
1775
1775
 
@@ -1810,7 +1810,7 @@ $float-label-rtl-value: -7px !default;
1810
1810
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1811
1811
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1812
1812
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1813
- top: -8px;
1813
+ top: -7px;
1814
1814
  }
1815
1815
  }
1816
1816
 
@@ -3123,6 +3123,7 @@ $float-label-rtl-value: -7px !default;
3123
3123
  }
3124
3124
 
3125
3125
  input.e-input.e-bigger#{$css},
3126
+ .e-bigger input.e-input#{$css},
3126
3127
  .e-input-group.e-bigger input,
3127
3128
  .e-input-group.e-bigger input.e-input,
3128
3129
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6319,6 +6320,16 @@ $float-label-rtl-value: -7px !default;
6319
6320
  }
6320
6321
  }
6321
6322
 
6323
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6324
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6325
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6326
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6327
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6328
+ margin-left: $outline-small-input-icon-margin-left;
6329
+ margin-right: $zero-value;
6330
+ }
6331
+ }
6332
+
6322
6333
  .e-outline.e-input-group.e-small .e-clear-icon,
6323
6334
  .e-outline.e-input-group .e-clear-icon.e-small,
6324
6335
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6402,6 +6413,17 @@ $float-label-rtl-value: -7px !default;
6402
6413
  }
6403
6414
  }
6404
6415
 
6416
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6417
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6418
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6419
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6420
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6421
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6422
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6423
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6424
+ }
6425
+ }
6426
+
6405
6427
  input.e-input.e-bigger.e-outline,
6406
6428
  .e-bigger input.e-input.e-outline,
6407
6429
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6608,6 +6630,17 @@ $float-label-rtl-value: -7px !default;
6608
6630
  }
6609
6631
  }
6610
6632
 
6633
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6634
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6635
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6636
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6637
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6638
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6639
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6640
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6641
+ }
6642
+ }
6643
+
6611
6644
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6612
6645
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6613
6646
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fluent-dark.scss CHANGED
@@ -1796,7 +1796,7 @@ $float-label-rtl-value: -10px !default;
1796
1796
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1797
1797
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1798
1798
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1799
- top: -9px;
1799
+ top: -7px;
1800
1800
  }
1801
1801
  }
1802
1802
 
@@ -1837,7 +1837,7 @@ $float-label-rtl-value: -10px !default;
1837
1837
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1838
1838
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1839
1839
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1840
- top: -8px;
1840
+ top: -7px;
1841
1841
  }
1842
1842
  }
1843
1843
 
@@ -3150,6 +3150,7 @@ $float-label-rtl-value: -10px !default;
3150
3150
  }
3151
3151
 
3152
3152
  input.e-input.e-bigger#{$css},
3153
+ .e-bigger input.e-input#{$css},
3153
3154
  .e-input-group.e-bigger input,
3154
3155
  .e-input-group.e-bigger input.e-input,
3155
3156
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6346,6 +6347,16 @@ $float-label-rtl-value: -10px !default;
6346
6347
  }
6347
6348
  }
6348
6349
 
6350
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6351
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6352
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6353
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6354
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6355
+ margin-left: $outline-small-input-icon-margin-left;
6356
+ margin-right: $zero-value;
6357
+ }
6358
+ }
6359
+
6349
6360
  .e-outline.e-input-group.e-small .e-clear-icon,
6350
6361
  .e-outline.e-input-group .e-clear-icon.e-small,
6351
6362
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6429,6 +6440,17 @@ $float-label-rtl-value: -10px !default;
6429
6440
  }
6430
6441
  }
6431
6442
 
6443
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6444
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6445
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6446
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6447
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6448
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6449
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6450
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6451
+ }
6452
+ }
6453
+
6432
6454
  input.e-input.e-bigger.e-outline,
6433
6455
  .e-bigger input.e-input.e-outline,
6434
6456
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6635,6 +6657,17 @@ $float-label-rtl-value: -10px !default;
6635
6657
  }
6636
6658
  }
6637
6659
 
6660
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6661
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6662
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6663
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6664
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6665
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6666
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6667
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6668
+ }
6669
+ }
6670
+
6638
6671
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6639
6672
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6640
6673
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fluent.scss CHANGED
@@ -1796,7 +1796,7 @@ $float-label-rtl-value: -10px !default;
1796
1796
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1797
1797
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1798
1798
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1799
- top: -9px;
1799
+ top: -7px;
1800
1800
  }
1801
1801
  }
1802
1802
 
@@ -1837,7 +1837,7 @@ $float-label-rtl-value: -10px !default;
1837
1837
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1838
1838
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1839
1839
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1840
- top: -8px;
1840
+ top: -7px;
1841
1841
  }
1842
1842
  }
1843
1843
 
@@ -3150,6 +3150,7 @@ $float-label-rtl-value: -10px !default;
3150
3150
  }
3151
3151
 
3152
3152
  input.e-input.e-bigger#{$css},
3153
+ .e-bigger input.e-input#{$css},
3153
3154
  .e-input-group.e-bigger input,
3154
3155
  .e-input-group.e-bigger input.e-input,
3155
3156
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6346,6 +6347,16 @@ $float-label-rtl-value: -10px !default;
6346
6347
  }
6347
6348
  }
6348
6349
 
6350
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6351
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6352
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6353
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6354
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6355
+ margin-left: $outline-small-input-icon-margin-left;
6356
+ margin-right: $zero-value;
6357
+ }
6358
+ }
6359
+
6349
6360
  .e-outline.e-input-group.e-small .e-clear-icon,
6350
6361
  .e-outline.e-input-group .e-clear-icon.e-small,
6351
6362
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6429,6 +6440,17 @@ $float-label-rtl-value: -10px !default;
6429
6440
  }
6430
6441
  }
6431
6442
 
6443
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6444
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6445
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6446
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6447
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6448
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6449
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6450
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6451
+ }
6452
+ }
6453
+
6432
6454
  input.e-input.e-bigger.e-outline,
6433
6455
  .e-bigger input.e-input.e-outline,
6434
6456
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6635,6 +6657,17 @@ $float-label-rtl-value: -10px !default;
6635
6657
  }
6636
6658
  }
6637
6659
 
6660
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6661
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6662
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6663
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6664
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6665
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6666
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6667
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6668
+ }
6669
+ }
6670
+
6638
6671
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6639
6672
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6640
6673
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,