@syncfusion/blazor-themes 25.1.37 → 25.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 (73) hide show
  1. package/SCSS-Themes/bds-dark.scss +15 -5
  2. package/SCSS-Themes/bds.scss +15 -5
  3. package/SCSS-Themes/bootstrap-dark.scss +15 -5
  4. package/SCSS-Themes/bootstrap.scss +15 -5
  5. package/SCSS-Themes/bootstrap4.scss +15 -5
  6. package/SCSS-Themes/bootstrap5-dark.scss +15 -5
  7. package/SCSS-Themes/bootstrap5.scss +15 -5
  8. package/SCSS-Themes/dropdowns/list-box/bds-dark.scss +6 -2
  9. package/SCSS-Themes/dropdowns/list-box/bds.scss +6 -2
  10. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +6 -2
  11. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +6 -2
  12. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +6 -2
  13. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +6 -2
  14. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +6 -2
  15. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +6 -2
  16. package/SCSS-Themes/dropdowns/list-box/fabric.scss +6 -2
  17. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +6 -2
  18. package/SCSS-Themes/dropdowns/list-box/fluent.scss +6 -2
  19. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +6 -2
  20. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +6 -2
  21. package/SCSS-Themes/dropdowns/list-box/material.scss +6 -2
  22. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +6 -2
  23. package/SCSS-Themes/dropdowns/list-box/material3.scss +6 -2
  24. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +6 -2
  25. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +6 -2
  26. package/SCSS-Themes/fabric-dark.scss +15 -5
  27. package/SCSS-Themes/fabric.scss +15 -5
  28. package/SCSS-Themes/fluent-dark.scss +15 -5
  29. package/SCSS-Themes/fluent.scss +15 -5
  30. package/SCSS-Themes/grids/grid/bds-dark.scss +8 -2
  31. package/SCSS-Themes/grids/grid/bds.scss +8 -2
  32. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +8 -2
  33. package/SCSS-Themes/grids/grid/bootstrap.scss +8 -2
  34. package/SCSS-Themes/grids/grid/bootstrap4.scss +8 -2
  35. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +8 -2
  36. package/SCSS-Themes/grids/grid/bootstrap5.scss +8 -2
  37. package/SCSS-Themes/grids/grid/fabric-dark.scss +8 -2
  38. package/SCSS-Themes/grids/grid/fabric.scss +8 -2
  39. package/SCSS-Themes/grids/grid/fluent-dark.scss +8 -2
  40. package/SCSS-Themes/grids/grid/fluent.scss +8 -2
  41. package/SCSS-Themes/grids/grid/highcontrast.scss +8 -2
  42. package/SCSS-Themes/grids/grid/material-dark.scss +8 -2
  43. package/SCSS-Themes/grids/grid/material.scss +8 -2
  44. package/SCSS-Themes/grids/grid/material3-dark.scss +8 -2
  45. package/SCSS-Themes/grids/grid/material3.scss +8 -2
  46. package/SCSS-Themes/grids/grid/tailwind-dark.scss +8 -2
  47. package/SCSS-Themes/grids/grid/tailwind.scss +8 -2
  48. package/SCSS-Themes/highcontrast.scss +15 -5
  49. package/SCSS-Themes/material-dark.scss +15 -5
  50. package/SCSS-Themes/material.scss +15 -5
  51. package/SCSS-Themes/material3-dark.scss +15 -5
  52. package/SCSS-Themes/material3.scss +15 -5
  53. package/SCSS-Themes/richtexteditor/rich-text-editor/bds-dark.scss +1 -1
  54. package/SCSS-Themes/richtexteditor/rich-text-editor/bds.scss +1 -1
  55. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +1 -1
  56. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +1 -1
  57. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +1 -1
  58. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +1 -1
  59. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +1 -1
  60. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +1 -1
  61. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +1 -1
  62. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +1 -1
  63. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +1 -1
  64. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +1 -1
  65. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +1 -1
  66. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +1 -1
  67. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +1 -1
  68. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +1 -1
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +1 -1
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +1 -1
  71. package/SCSS-Themes/tailwind-dark.scss +15 -5
  72. package/SCSS-Themes/tailwind.scss +15 -5
  73. package/package.json +1 -1
@@ -65507,11 +65507,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
65507
65507
  }
65508
65508
 
65509
65509
  .e-input-group {
65510
- padding: 4px 8px;
65510
+ @if $skin-name != 'tailwind' {
65511
+ padding: 4px 8px;
65512
+ }
65511
65513
  }
65512
65514
 
65513
65515
  .e-input-focus {
65514
- padding: 4px 4px 4px 8px;
65516
+ @if $skin-name != 'tailwind' {
65517
+ padding: 4px 4px 4px 8px;
65518
+ }
65515
65519
  }
65516
65520
 
65517
65521
  .e-hidden-select {
@@ -84442,9 +84446,12 @@ margin: $grid-group-animator-cell-margin;
84442
84446
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
84443
84447
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
84444
84448
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
84445
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
84449
+ @if $grid-skin == 'material3' {
84446
84450
  background-color: rgb(250 244 244);
84447
84451
  }
84452
+ @if $grid-skin == 'bootstrap4' {
84453
+ background-color: rgb(236 233 233);
84454
+ }
84448
84455
  }
84449
84456
  }
84450
84457
 
@@ -84498,9 +84505,12 @@ margin: $grid-group-animator-cell-margin;
84498
84505
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
84499
84506
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
84500
84507
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
84501
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
84508
+ @if $grid-skin == 'material3' {
84502
84509
  background-color: rgb(250 244 244);
84503
84510
  }
84511
+ @if $grid-skin == 'bootstrap4' {
84512
+ background-color: rgb(236 233 233);
84513
+ }
84504
84514
  }
84505
84515
  }
84506
84516
  }
@@ -92597,7 +92607,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92597
92607
  }
92598
92608
 
92599
92609
  @if $skin-name =='material' or $skin-name =='material-dark' {
92600
- padding: 3px;
92610
+ padding: 0 6px;
92601
92611
  }
92602
92612
 
92603
92613
  .e-tbar-btn-text {
@@ -65787,11 +65787,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
65787
65787
  }
65788
65788
 
65789
65789
  .e-input-group {
65790
- padding: 4px 8px;
65790
+ @if $skin-name != 'tailwind' {
65791
+ padding: 4px 8px;
65792
+ }
65791
65793
  }
65792
65794
 
65793
65795
  .e-input-focus {
65794
- padding: 4px 4px 4px 8px;
65796
+ @if $skin-name != 'tailwind' {
65797
+ padding: 4px 4px 4px 8px;
65798
+ }
65795
65799
  }
65796
65800
 
65797
65801
  .e-hidden-select {
@@ -84722,9 +84726,12 @@ margin: $grid-group-animator-cell-margin;
84722
84726
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
84723
84727
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
84724
84728
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
84725
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
84729
+ @if $grid-skin == 'material3' {
84726
84730
  background-color: rgb(250 244 244);
84727
84731
  }
84732
+ @if $grid-skin == 'bootstrap4' {
84733
+ background-color: rgb(236 233 233);
84734
+ }
84728
84735
  }
84729
84736
  }
84730
84737
 
@@ -84778,9 +84785,12 @@ margin: $grid-group-animator-cell-margin;
84778
84785
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
84779
84786
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
84780
84787
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
84781
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
84788
+ @if $grid-skin == 'material3' {
84782
84789
  background-color: rgb(250 244 244);
84783
84790
  }
84791
+ @if $grid-skin == 'bootstrap4' {
84792
+ background-color: rgb(236 233 233);
84793
+ }
84784
84794
  }
84785
84795
  }
84786
84796
  }
@@ -92877,7 +92887,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
92877
92887
  }
92878
92888
 
92879
92889
  @if $skin-name =='material' or $skin-name =='material-dark' {
92880
- padding: 3px;
92890
+ padding: 0 6px;
92881
92891
  }
92882
92892
 
92883
92893
  .e-tbar-btn-text {
@@ -64146,11 +64146,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
64146
64146
  }
64147
64147
 
64148
64148
  .e-input-group {
64149
- padding: 4px 8px;
64149
+ @if $skin-name != 'tailwind' {
64150
+ padding: 4px 8px;
64151
+ }
64150
64152
  }
64151
64153
 
64152
64154
  .e-input-focus {
64153
- padding: 4px 4px 4px 8px;
64155
+ @if $skin-name != 'tailwind' {
64156
+ padding: 4px 4px 4px 8px;
64157
+ }
64154
64158
  }
64155
64159
 
64156
64160
  .e-hidden-select {
@@ -82966,9 +82970,12 @@ margin: $grid-group-animator-cell-margin;
82966
82970
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
82967
82971
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
82968
82972
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
82969
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
82973
+ @if $grid-skin == 'material3' {
82970
82974
  background-color: rgb(250 244 244);
82971
82975
  }
82976
+ @if $grid-skin == 'bootstrap4' {
82977
+ background-color: rgb(236 233 233);
82978
+ }
82972
82979
  }
82973
82980
  }
82974
82981
 
@@ -83022,9 +83029,12 @@ margin: $grid-group-animator-cell-margin;
83022
83029
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
83023
83030
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
83024
83031
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
83025
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
83032
+ @if $grid-skin == 'material3' {
83026
83033
  background-color: rgb(250 244 244);
83027
83034
  }
83035
+ @if $grid-skin == 'bootstrap4' {
83036
+ background-color: rgb(236 233 233);
83037
+ }
83028
83038
  }
83029
83039
  }
83030
83040
  }
@@ -91115,7 +91125,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91115
91125
  }
91116
91126
 
91117
91127
  @if $skin-name =='material' or $skin-name =='material-dark' {
91118
- padding: 3px;
91128
+ padding: 0 6px;
91119
91129
  }
91120
91130
 
91121
91131
  .e-tbar-btn-text {
@@ -63849,11 +63849,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
63849
63849
  }
63850
63850
 
63851
63851
  .e-input-group {
63852
- padding: 4px 8px;
63852
+ @if $skin-name != 'tailwind' {
63853
+ padding: 4px 8px;
63854
+ }
63853
63855
  }
63854
63856
 
63855
63857
  .e-input-focus {
63856
- padding: 4px 4px 4px 8px;
63858
+ @if $skin-name != 'tailwind' {
63859
+ padding: 4px 4px 4px 8px;
63860
+ }
63857
63861
  }
63858
63862
 
63859
63863
  .e-hidden-select {
@@ -82675,9 +82679,12 @@ margin: $grid-group-animator-cell-margin;
82675
82679
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
82676
82680
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
82677
82681
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
82678
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
82682
+ @if $grid-skin == 'material3' {
82679
82683
  background-color: rgb(250 244 244);
82680
82684
  }
82685
+ @if $grid-skin == 'bootstrap4' {
82686
+ background-color: rgb(236 233 233);
82687
+ }
82681
82688
  }
82682
82689
  }
82683
82690
 
@@ -82731,9 +82738,12 @@ margin: $grid-group-animator-cell-margin;
82731
82738
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
82732
82739
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
82733
82740
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
82734
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
82741
+ @if $grid-skin == 'material3' {
82735
82742
  background-color: rgb(250 244 244);
82736
82743
  }
82744
+ @if $grid-skin == 'bootstrap4' {
82745
+ background-color: rgb(236 233 233);
82746
+ }
82737
82747
  }
82738
82748
  }
82739
82749
  }
@@ -90874,7 +90884,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
90874
90884
  }
90875
90885
 
90876
90886
  @if $skin-name =='material' or $skin-name =='material-dark' {
90877
- padding: 3px;
90887
+ padding: 0 6px;
90878
90888
  }
90879
90889
 
90880
90890
  .e-tbar-btn-text {
@@ -64006,11 +64006,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
64006
64006
  }
64007
64007
 
64008
64008
  .e-input-group {
64009
- padding: 4px 8px;
64009
+ @if $skin-name != 'tailwind' {
64010
+ padding: 4px 8px;
64011
+ }
64010
64012
  }
64011
64013
 
64012
64014
  .e-input-focus {
64013
- padding: 4px 4px 4px 8px;
64015
+ @if $skin-name != 'tailwind' {
64016
+ padding: 4px 4px 4px 8px;
64017
+ }
64014
64018
  }
64015
64019
 
64016
64020
  .e-hidden-select {
@@ -82859,9 +82863,12 @@ margin: $grid-group-animator-cell-margin;
82859
82863
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
82860
82864
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
82861
82865
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
82862
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
82866
+ @if $grid-skin == 'material3' {
82863
82867
  background-color: rgb(250 244 244);
82864
82868
  }
82869
+ @if $grid-skin == 'bootstrap4' {
82870
+ background-color: rgb(236 233 233);
82871
+ }
82865
82872
  }
82866
82873
  }
82867
82874
 
@@ -82915,9 +82922,12 @@ margin: $grid-group-animator-cell-margin;
82915
82922
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
82916
82923
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
82917
82924
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
82918
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
82925
+ @if $grid-skin == 'material3' {
82919
82926
  background-color: rgb(250 244 244);
82920
82927
  }
82928
+ @if $grid-skin == 'bootstrap4' {
82929
+ background-color: rgb(236 233 233);
82930
+ }
82921
82931
  }
82922
82932
  }
82923
82933
  }
@@ -91185,7 +91195,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91185
91195
  }
91186
91196
 
91187
91197
  @if $skin-name =='material' or $skin-name =='material-dark' {
91188
- padding: 3px;
91198
+ padding: 0 6px;
91189
91199
  }
91190
91200
 
91191
91201
  .e-tbar-btn-text {
@@ -64278,11 +64278,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
64278
64278
  }
64279
64279
 
64280
64280
  .e-input-group {
64281
- padding: 4px 8px;
64281
+ @if $skin-name != 'tailwind' {
64282
+ padding: 4px 8px;
64283
+ }
64282
64284
  }
64283
64285
 
64284
64286
  .e-input-focus {
64285
- padding: 4px 4px 4px 8px;
64287
+ @if $skin-name != 'tailwind' {
64288
+ padding: 4px 4px 4px 8px;
64289
+ }
64286
64290
  }
64287
64291
 
64288
64292
  .e-hidden-select {
@@ -83225,9 +83229,12 @@ margin: $grid-group-animator-cell-margin;
83225
83229
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
83226
83230
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
83227
83231
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
83228
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
83232
+ @if $grid-skin == 'material3' {
83229
83233
  background-color: rgb(250 244 244);
83230
83234
  }
83235
+ @if $grid-skin == 'bootstrap4' {
83236
+ background-color: rgb(236 233 233);
83237
+ }
83231
83238
  }
83232
83239
  }
83233
83240
 
@@ -83281,9 +83288,12 @@ margin: $grid-group-animator-cell-margin;
83281
83288
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
83282
83289
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
83283
83290
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
83284
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
83291
+ @if $grid-skin == 'material3' {
83285
83292
  background-color: rgb(250 244 244);
83286
83293
  }
83294
+ @if $grid-skin == 'bootstrap4' {
83295
+ background-color: rgb(236 233 233);
83296
+ }
83287
83297
  }
83288
83298
  }
83289
83299
  }
@@ -91362,7 +91372,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91362
91372
  }
91363
91373
 
91364
91374
  @if $skin-name =='material' or $skin-name =='material-dark' {
91365
- padding: 3px;
91375
+ padding: 0 6px;
91366
91376
  }
91367
91377
 
91368
91378
  .e-tbar-btn-text {
@@ -64278,11 +64278,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
64278
64278
  }
64279
64279
 
64280
64280
  .e-input-group {
64281
- padding: 4px 8px;
64281
+ @if $skin-name != 'tailwind' {
64282
+ padding: 4px 8px;
64283
+ }
64282
64284
  }
64283
64285
 
64284
64286
  .e-input-focus {
64285
- padding: 4px 4px 4px 8px;
64287
+ @if $skin-name != 'tailwind' {
64288
+ padding: 4px 4px 4px 8px;
64289
+ }
64286
64290
  }
64287
64291
 
64288
64292
  .e-hidden-select {
@@ -83225,9 +83229,12 @@ margin: $grid-group-animator-cell-margin;
83225
83229
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
83226
83230
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
83227
83231
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
83228
- @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
83232
+ @if $grid-skin == 'material3' {
83229
83233
  background-color: rgb(250 244 244);
83230
83234
  }
83235
+ @if $grid-skin == 'bootstrap4' {
83236
+ background-color: rgb(236 233 233);
83237
+ }
83231
83238
  }
83232
83239
  }
83233
83240
 
@@ -83281,9 +83288,12 @@ margin: $grid-group-animator-cell-margin;
83281
83288
  &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
83282
83289
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
83283
83290
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
83284
- @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
83291
+ @if $grid-skin == 'material3' {
83285
83292
  background-color: rgb(250 244 244);
83286
83293
  }
83294
+ @if $grid-skin == 'bootstrap4' {
83295
+ background-color: rgb(236 233 233);
83296
+ }
83287
83297
  }
83288
83298
  }
83289
83299
  }
@@ -91362,7 +91372,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
91362
91372
  }
91363
91373
 
91364
91374
  @if $skin-name =='material' or $skin-name =='material-dark' {
91365
- padding: 3px;
91375
+ padding: 0 6px;
91366
91376
  }
91367
91377
 
91368
91378
  .e-tbar-btn-text {
@@ -420,11 +420,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
420
420
  }
421
421
 
422
422
  .e-input-group {
423
- padding: 4px 8px;
423
+ @if $skin-name != 'tailwind' {
424
+ padding: 4px 8px;
425
+ }
424
426
  }
425
427
 
426
428
  .e-input-focus {
427
- padding: 4px 4px 4px 8px;
429
+ @if $skin-name != 'tailwind' {
430
+ padding: 4px 4px 4px 8px;
431
+ }
428
432
  }
429
433
 
430
434
  .e-hidden-select {
@@ -420,11 +420,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
420
420
  }
421
421
 
422
422
  .e-input-group {
423
- padding: 4px 8px;
423
+ @if $skin-name != 'tailwind' {
424
+ padding: 4px 8px;
425
+ }
424
426
  }
425
427
 
426
428
  .e-input-focus {
427
- padding: 4px 4px 4px 8px;
429
+ @if $skin-name != 'tailwind' {
430
+ padding: 4px 4px 4px 8px;
431
+ }
428
432
  }
429
433
 
430
434
  .e-hidden-select {
@@ -410,11 +410,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
410
410
  }
411
411
 
412
412
  .e-input-group {
413
- padding: 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 8px;
415
+ }
414
416
  }
415
417
 
416
418
  .e-input-focus {
417
- padding: 4px 4px 4px 8px;
419
+ @if $skin-name != 'tailwind' {
420
+ padding: 4px 4px 4px 8px;
421
+ }
418
422
  }
419
423
 
420
424
  .e-hidden-select {
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
@@ -408,11 +408,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
408
408
  }
409
409
 
410
410
  .e-input-group {
411
- padding: 4px 8px;
411
+ @if $skin-name != 'tailwind' {
412
+ padding: 4px 8px;
413
+ }
412
414
  }
413
415
 
414
416
  .e-input-focus {
415
- padding: 4px 4px 4px 8px;
417
+ @if $skin-name != 'tailwind' {
418
+ padding: 4px 4px 4px 8px;
419
+ }
416
420
  }
417
421
 
418
422
  .e-hidden-select {
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
@@ -410,11 +410,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
410
410
  }
411
411
 
412
412
  .e-input-group {
413
- padding: 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 8px;
415
+ }
414
416
  }
415
417
 
416
418
  .e-input-focus {
417
- padding: 4px 4px 4px 8px;
419
+ @if $skin-name != 'tailwind' {
420
+ padding: 4px 4px 4px 8px;
421
+ }
418
422
  }
419
423
 
420
424
  .e-hidden-select {
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
@@ -404,11 +404,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
404
404
  }
405
405
 
406
406
  .e-input-group {
407
- padding: 4px 8px;
407
+ @if $skin-name != 'tailwind' {
408
+ padding: 4px 8px;
409
+ }
408
410
  }
409
411
 
410
412
  .e-input-focus {
411
- padding: 4px 4px 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 4px 4px 8px;
415
+ }
412
416
  }
413
417
 
414
418
  .e-hidden-select {
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
@@ -410,11 +410,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
410
410
  }
411
411
 
412
412
  .e-input-group {
413
- padding: 4px 8px;
413
+ @if $skin-name != 'tailwind' {
414
+ padding: 4px 8px;
415
+ }
414
416
  }
415
417
 
416
418
  .e-input-focus {
417
- padding: 4px 4px 4px 8px;
419
+ @if $skin-name != 'tailwind' {
420
+ padding: 4px 4px 4px 8px;
421
+ }
418
422
  }
419
423
 
420
424
  .e-hidden-select {
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {
@@ -403,11 +403,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
403
403
  }
404
404
 
405
405
  .e-input-group {
406
- padding: 4px 8px;
406
+ @if $skin-name != 'tailwind' {
407
+ padding: 4px 8px;
408
+ }
407
409
  }
408
410
 
409
411
  .e-input-focus {
410
- padding: 4px 4px 4px 8px;
412
+ @if $skin-name != 'tailwind' {
413
+ padding: 4px 4px 4px 8px;
414
+ }
411
415
  }
412
416
 
413
417
  .e-hidden-select {