@syncfusion/blazor-themes 23.1.43 → 23.2.4

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 (140) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +187 -35
  2. package/SCSS-Themes/bootstrap.scss +182 -35
  3. package/SCSS-Themes/bootstrap4.scss +182 -35
  4. package/SCSS-Themes/bootstrap5-dark.scss +184 -36
  5. package/SCSS-Themes/bootstrap5.scss +184 -36
  6. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +7 -0
  7. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +7 -0
  8. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +7 -0
  9. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +7 -0
  10. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +7 -0
  11. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +7 -0
  12. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +7 -0
  13. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +7 -0
  14. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +7 -0
  15. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +7 -0
  16. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +7 -0
  17. package/SCSS-Themes/documenteditor/document-editor/material.scss +7 -0
  18. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +7 -0
  19. package/SCSS-Themes/documenteditor/document-editor/material3.scss +7 -0
  20. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +7 -0
  21. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +7 -0
  22. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +69 -0
  23. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +69 -0
  24. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +69 -0
  25. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +69 -0
  26. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +69 -0
  27. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +69 -0
  28. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +69 -0
  29. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +69 -0
  30. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +69 -0
  31. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +69 -0
  32. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +69 -0
  33. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +69 -0
  34. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +69 -0
  35. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +69 -0
  36. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +69 -0
  37. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +69 -0
  38. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +5 -0
  39. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +2 -1
  40. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +2 -1
  41. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +5 -0
  42. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +2 -1
  43. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +2 -1
  44. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +5 -0
  45. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +2 -1
  46. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +2 -1
  47. package/SCSS-Themes/fabric-dark.scss +187 -35
  48. package/SCSS-Themes/fabric.scss +182 -35
  49. package/SCSS-Themes/filemanager/file-manager/material3-dark.scss +1 -1
  50. package/SCSS-Themes/filemanager/file-manager/material3.scss +1 -1
  51. package/SCSS-Themes/fluent-dark.scss +184 -36
  52. package/SCSS-Themes/fluent.scss +184 -36
  53. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +50 -8
  54. package/SCSS-Themes/grids/grid/bootstrap.scss +50 -8
  55. package/SCSS-Themes/grids/grid/bootstrap4.scss +50 -8
  56. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +50 -8
  57. package/SCSS-Themes/grids/grid/bootstrap5.scss +50 -8
  58. package/SCSS-Themes/grids/grid/fabric-dark.scss +50 -8
  59. package/SCSS-Themes/grids/grid/fabric.scss +50 -8
  60. package/SCSS-Themes/grids/grid/fluent-dark.scss +50 -8
  61. package/SCSS-Themes/grids/grid/fluent.scss +50 -8
  62. package/SCSS-Themes/grids/grid/highcontrast.scss +50 -8
  63. package/SCSS-Themes/grids/grid/material-dark.scss +50 -8
  64. package/SCSS-Themes/grids/grid/material.scss +50 -8
  65. package/SCSS-Themes/grids/grid/material3-dark.scss +50 -8
  66. package/SCSS-Themes/grids/grid/material3.scss +50 -8
  67. package/SCSS-Themes/grids/grid/tailwind-dark.scss +50 -8
  68. package/SCSS-Themes/grids/grid/tailwind.scss +50 -8
  69. package/SCSS-Themes/highcontrast.scss +187 -35
  70. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +25 -7
  71. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +25 -7
  72. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +25 -7
  73. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +25 -7
  74. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +25 -7
  75. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +25 -7
  76. package/SCSS-Themes/image-editor/image-editor/fabric.scss +25 -7
  77. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +25 -7
  78. package/SCSS-Themes/image-editor/image-editor/fluent.scss +25 -7
  79. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +25 -7
  80. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +25 -7
  81. package/SCSS-Themes/image-editor/image-editor/material.scss +25 -7
  82. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +25 -7
  83. package/SCSS-Themes/image-editor/image-editor/material3.scss +25 -7
  84. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +25 -7
  85. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +25 -7
  86. package/SCSS-Themes/material-dark.scss +182 -35
  87. package/SCSS-Themes/material.scss +182 -35
  88. package/SCSS-Themes/material3-dark.scss +184 -37
  89. package/SCSS-Themes/material3.scss +184 -37
  90. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +9 -9
  91. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +9 -9
  92. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +9 -9
  93. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +9 -9
  94. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +9 -9
  95. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +9 -9
  96. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +9 -9
  97. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +9 -9
  98. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +9 -9
  99. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +9 -9
  100. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +9 -9
  101. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +9 -9
  102. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +10 -10
  103. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +10 -10
  104. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +9 -9
  105. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +9 -9
  106. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +6 -10
  107. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +6 -10
  108. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +6 -10
  109. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +6 -10
  110. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +6 -10
  111. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +6 -10
  112. package/SCSS-Themes/pivotview/pivotview/fabric.scss +6 -10
  113. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +6 -10
  114. package/SCSS-Themes/pivotview/pivotview/fluent.scss +6 -10
  115. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +6 -10
  116. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +6 -10
  117. package/SCSS-Themes/pivotview/pivotview/material.scss +6 -10
  118. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +6 -10
  119. package/SCSS-Themes/pivotview/pivotview/material3.scss +6 -10
  120. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +6 -10
  121. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +6 -10
  122. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +16 -1
  123. package/SCSS-Themes/schedule/schedule/bootstrap.scss +16 -1
  124. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +16 -1
  125. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +16 -1
  126. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +16 -1
  127. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +16 -1
  128. package/SCSS-Themes/schedule/schedule/fabric.scss +16 -1
  129. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +16 -1
  130. package/SCSS-Themes/schedule/schedule/fluent.scss +16 -1
  131. package/SCSS-Themes/schedule/schedule/highcontrast.scss +16 -1
  132. package/SCSS-Themes/schedule/schedule/material-dark.scss +16 -1
  133. package/SCSS-Themes/schedule/schedule/material.scss +16 -1
  134. package/SCSS-Themes/schedule/schedule/material3-dark.scss +16 -1
  135. package/SCSS-Themes/schedule/schedule/material3.scss +16 -1
  136. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +16 -1
  137. package/SCSS-Themes/schedule/schedule/tailwind.scss +16 -1
  138. package/SCSS-Themes/tailwind-dark.scss +184 -36
  139. package/SCSS-Themes/tailwind.scss +184 -36
  140. package/package.json +1 -1
@@ -1798,6 +1798,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1798
1798
  border-bottom-width: $grid-border-bottom-width;
1799
1799
  }
1800
1800
 
1801
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1802
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1803
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1804
+ &.e-groupcaption,
1805
+ &.e-summarycell {
1806
+ border-bottom-width: 0;
1807
+ }
1808
+ }
1809
+
1801
1810
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1802
1811
  position: relative;
1803
1812
  left: -5px;
@@ -2661,8 +2670,8 @@ margin: $grid-group-animator-cell-margin;
2661
2670
  border-left-width: 0;
2662
2671
  }
2663
2672
 
2664
- &.e-default.e-bothlines .e-headercell,
2665
- &.e-default.e-bothlines .e-detailheadercell {
2673
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2674
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2666
2675
  border-width: $grid-headercell-both-border-width;
2667
2676
  }
2668
2677
 
@@ -3357,7 +3366,7 @@ margin: $grid-group-animator-cell-margin;
3357
3366
  border-left-width: $grid-border-size;
3358
3367
  }
3359
3368
 
3360
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3369
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3361
3370
  border-bottom-style: $grid-border-type;
3362
3371
  border-bottom-width: $grid-border-size;
3363
3372
  border-left-style: $grid-border-type;
@@ -4646,8 +4655,8 @@ margin: $grid-group-animator-cell-margin;
4646
4655
  padding-top: $grid-ungroup-rtl-padding-top;
4647
4656
  }
4648
4657
 
4649
- &.e-default.e-bothlines .e-headercell,
4650
- &.e-default.e-bothlines .e-detailheadercell {
4658
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4659
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4651
4660
  border-width: $grid-headercell-both-border-width;
4652
4661
  }
4653
4662
 
@@ -4670,7 +4679,7 @@ margin: $grid-group-animator-cell-margin;
4670
4679
  border-right: 0;
4671
4680
  }
4672
4681
 
4673
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4682
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4674
4683
  border-bottom-style: $grid-border-type;
4675
4684
  border-bottom-width: $grid-border-size;
4676
4685
  }
@@ -5118,7 +5127,7 @@ margin: $grid-group-animator-cell-margin;
5118
5127
  text-align: left;
5119
5128
  }
5120
5129
 
5121
- &.e-default table th:not([rowspan = '1']) {
5130
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5122
5131
  border-width: $grid-headercell-both-border-width;
5123
5132
  }
5124
5133
 
@@ -5144,7 +5153,7 @@ margin: $grid-group-animator-cell-margin;
5144
5153
  border-right-width: 1px;
5145
5154
  }
5146
5155
 
5147
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5156
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5148
5157
  border-width: $grid-rtl-headercell-both-border-width;
5149
5158
  }
5150
5159
 
@@ -5177,6 +5186,39 @@ margin: $grid-group-animator-cell-margin;
5177
5186
  }
5178
5187
  }
5179
5188
 
5189
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5190
+ border-bottom-style: $grid-border-type;
5191
+ border-bottom-width: $grid-border-size;
5192
+ }
5193
+
5194
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5195
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5196
+ border-width: $grid-headercell-both-border-width;
5197
+ }
5198
+
5199
+ &.e-resize-lines,
5200
+ &.e-resize-lines.e-rtl {
5201
+
5202
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5203
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5204
+ border-left: 0;
5205
+ border-right: 0;
5206
+ border-top: 0;
5207
+ }
5208
+ }
5209
+
5210
+ &.e-default.e-bothlines .e-headercell,
5211
+ &.e-default.e-bothlines .e-detailheadercell {
5212
+ border-width: $grid-headercell-both-border-width;
5213
+ }
5214
+
5215
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5216
+ border-bottom-style: $grid-border-type;
5217
+ border-bottom-width: $grid-border-size;
5218
+ border-left-style: $grid-border-type;
5219
+ border-left-width: $grid-border-size;
5220
+ }
5221
+
5180
5222
  .e-bigger #{&}.e-grid.sf-grid,
5181
5223
  #{&}.e-grid.sf-grid.e-bigger {
5182
5224
  .e-gridheader table th:not([rowspan = '1']),
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -4px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -2654,8 +2663,8 @@ margin: $grid-group-animator-cell-margin;
2654
2663
  border-left-width: 0;
2655
2664
  }
2656
2665
 
2657
- &.e-default.e-bothlines .e-headercell,
2658
- &.e-default.e-bothlines .e-detailheadercell {
2666
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2667
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2659
2668
  border-width: $grid-headercell-both-border-width;
2660
2669
  }
2661
2670
 
@@ -3350,7 +3359,7 @@ margin: $grid-group-animator-cell-margin;
3350
3359
  border-left-width: $grid-border-size;
3351
3360
  }
3352
3361
 
3353
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3362
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3354
3363
  border-bottom-style: $grid-border-type;
3355
3364
  border-bottom-width: $grid-border-size;
3356
3365
  border-left-style: $grid-border-type;
@@ -4639,8 +4648,8 @@ margin: $grid-group-animator-cell-margin;
4639
4648
  padding-top: $grid-ungroup-rtl-padding-top;
4640
4649
  }
4641
4650
 
4642
- &.e-default.e-bothlines .e-headercell,
4643
- &.e-default.e-bothlines .e-detailheadercell {
4651
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4652
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4644
4653
  border-width: $grid-headercell-both-border-width;
4645
4654
  }
4646
4655
 
@@ -4663,7 +4672,7 @@ margin: $grid-group-animator-cell-margin;
4663
4672
  border-right: 0;
4664
4673
  }
4665
4674
 
4666
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4675
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4667
4676
  border-bottom-style: $grid-border-type;
4668
4677
  border-bottom-width: $grid-border-size;
4669
4678
  }
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5170,6 +5179,39 @@ margin: $grid-group-animator-cell-margin;
5170
5179
  }
5171
5180
  }
5172
5181
 
5182
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5183
+ border-bottom-style: $grid-border-type;
5184
+ border-bottom-width: $grid-border-size;
5185
+ }
5186
+
5187
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5188
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5189
+ border-width: $grid-headercell-both-border-width;
5190
+ }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5214
+
5173
5215
  .e-bigger #{&}.e-grid.sf-grid,
5174
5216
  #{&}.e-grid.sf-grid.e-bigger {
5175
5217
  .e-gridheader table th:not([rowspan = '1']),
@@ -1791,6 +1791,15 @@ $grid-dropitems-count-margin-left: -4px !default;
1791
1791
  border-bottom-width: $grid-border-bottom-width;
1792
1792
  }
1793
1793
 
1794
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1795
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1796
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1797
+ &.e-groupcaption,
1798
+ &.e-summarycell {
1799
+ border-bottom-width: 0;
1800
+ }
1801
+ }
1802
+
1794
1803
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1795
1804
  position: relative;
1796
1805
  left: -5px;
@@ -2654,8 +2663,8 @@ margin: $grid-group-animator-cell-margin;
2654
2663
  border-left-width: 0;
2655
2664
  }
2656
2665
 
2657
- &.e-default.e-bothlines .e-headercell,
2658
- &.e-default.e-bothlines .e-detailheadercell {
2666
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2667
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2659
2668
  border-width: $grid-headercell-both-border-width;
2660
2669
  }
2661
2670
 
@@ -3350,7 +3359,7 @@ margin: $grid-group-animator-cell-margin;
3350
3359
  border-left-width: $grid-border-size;
3351
3360
  }
3352
3361
 
3353
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3362
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3354
3363
  border-bottom-style: $grid-border-type;
3355
3364
  border-bottom-width: $grid-border-size;
3356
3365
  border-left-style: $grid-border-type;
@@ -4639,8 +4648,8 @@ margin: $grid-group-animator-cell-margin;
4639
4648
  padding-top: $grid-ungroup-rtl-padding-top;
4640
4649
  }
4641
4650
 
4642
- &.e-default.e-bothlines .e-headercell,
4643
- &.e-default.e-bothlines .e-detailheadercell {
4651
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4652
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4644
4653
  border-width: $grid-headercell-both-border-width;
4645
4654
  }
4646
4655
 
@@ -4663,7 +4672,7 @@ margin: $grid-group-animator-cell-margin;
4663
4672
  border-right: 0;
4664
4673
  }
4665
4674
 
4666
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4675
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4667
4676
  border-bottom-style: $grid-border-type;
4668
4677
  border-bottom-width: $grid-border-size;
4669
4678
  }
@@ -5111,7 +5120,7 @@ margin: $grid-group-animator-cell-margin;
5111
5120
  text-align: left;
5112
5121
  }
5113
5122
 
5114
- &.e-default table th:not([rowspan = '1']) {
5123
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5115
5124
  border-width: $grid-headercell-both-border-width;
5116
5125
  }
5117
5126
 
@@ -5137,7 +5146,7 @@ margin: $grid-group-animator-cell-margin;
5137
5146
  border-right-width: 1px;
5138
5147
  }
5139
5148
 
5140
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5149
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5141
5150
  border-width: $grid-rtl-headercell-both-border-width;
5142
5151
  }
5143
5152
 
@@ -5170,6 +5179,39 @@ margin: $grid-group-animator-cell-margin;
5170
5179
  }
5171
5180
  }
5172
5181
 
5182
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5183
+ border-bottom-style: $grid-border-type;
5184
+ border-bottom-width: $grid-border-size;
5185
+ }
5186
+
5187
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5188
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5189
+ border-width: $grid-headercell-both-border-width;
5190
+ }
5191
+
5192
+ &.e-resize-lines,
5193
+ &.e-resize-lines.e-rtl {
5194
+
5195
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5196
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5197
+ border-left: 0;
5198
+ border-right: 0;
5199
+ border-top: 0;
5200
+ }
5201
+ }
5202
+
5203
+ &.e-default.e-bothlines .e-headercell,
5204
+ &.e-default.e-bothlines .e-detailheadercell {
5205
+ border-width: $grid-headercell-both-border-width;
5206
+ }
5207
+
5208
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5209
+ border-bottom-style: $grid-border-type;
5210
+ border-bottom-width: $grid-border-size;
5211
+ border-left-style: $grid-border-type;
5212
+ border-left-width: $grid-border-size;
5213
+ }
5214
+
5173
5215
  .e-bigger #{&}.e-grid.sf-grid,
5174
5216
  #{&}.e-grid.sf-grid.e-bigger {
5175
5217
  .e-gridheader table th:not([rowspan = '1']),
@@ -1788,6 +1788,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1788
1788
  border-bottom-width: $grid-border-bottom-width;
1789
1789
  }
1790
1790
 
1791
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1794
+ &.e-groupcaption,
1795
+ &.e-summarycell {
1796
+ border-bottom-width: 0;
1797
+ }
1798
+ }
1799
+
1791
1800
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1792
1801
  position: relative;
1793
1802
  left: -5px;
@@ -2651,8 +2660,8 @@ margin: $grid-group-animator-cell-margin;
2651
2660
  border-left-width: 0;
2652
2661
  }
2653
2662
 
2654
- &.e-default.e-bothlines .e-headercell,
2655
- &.e-default.e-bothlines .e-detailheadercell {
2663
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2664
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2656
2665
  border-width: $grid-headercell-both-border-width;
2657
2666
  }
2658
2667
 
@@ -3347,7 +3356,7 @@ margin: $grid-group-animator-cell-margin;
3347
3356
  border-left-width: $grid-border-size;
3348
3357
  }
3349
3358
 
3350
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3359
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3351
3360
  border-bottom-style: $grid-border-type;
3352
3361
  border-bottom-width: $grid-border-size;
3353
3362
  border-left-style: $grid-border-type;
@@ -4636,8 +4645,8 @@ margin: $grid-group-animator-cell-margin;
4636
4645
  padding-top: $grid-ungroup-rtl-padding-top;
4637
4646
  }
4638
4647
 
4639
- &.e-default.e-bothlines .e-headercell,
4640
- &.e-default.e-bothlines .e-detailheadercell {
4648
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4649
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4641
4650
  border-width: $grid-headercell-both-border-width;
4642
4651
  }
4643
4652
 
@@ -4660,7 +4669,7 @@ margin: $grid-group-animator-cell-margin;
4660
4669
  border-right: 0;
4661
4670
  }
4662
4671
 
4663
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4672
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4664
4673
  border-bottom-style: $grid-border-type;
4665
4674
  border-bottom-width: $grid-border-size;
4666
4675
  }
@@ -5108,7 +5117,7 @@ margin: $grid-group-animator-cell-margin;
5108
5117
  text-align: left;
5109
5118
  }
5110
5119
 
5111
- &.e-default table th:not([rowspan = '1']) {
5120
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5112
5121
  border-width: $grid-headercell-both-border-width;
5113
5122
  }
5114
5123
 
@@ -5134,7 +5143,7 @@ margin: $grid-group-animator-cell-margin;
5134
5143
  border-right-width: 1px;
5135
5144
  }
5136
5145
 
5137
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5138
5147
  border-width: $grid-rtl-headercell-both-border-width;
5139
5148
  }
5140
5149
 
@@ -5167,6 +5176,39 @@ margin: $grid-group-animator-cell-margin;
5167
5176
  }
5168
5177
  }
5169
5178
 
5179
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5180
+ border-bottom-style: $grid-border-type;
5181
+ border-bottom-width: $grid-border-size;
5182
+ }
5183
+
5184
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5185
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5186
+ border-width: $grid-headercell-both-border-width;
5187
+ }
5188
+
5189
+ &.e-resize-lines,
5190
+ &.e-resize-lines.e-rtl {
5191
+
5192
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5193
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5194
+ border-left: 0;
5195
+ border-right: 0;
5196
+ border-top: 0;
5197
+ }
5198
+ }
5199
+
5200
+ &.e-default.e-bothlines .e-headercell,
5201
+ &.e-default.e-bothlines .e-detailheadercell {
5202
+ border-width: $grid-headercell-both-border-width;
5203
+ }
5204
+
5205
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5206
+ border-bottom-style: $grid-border-type;
5207
+ border-bottom-width: $grid-border-size;
5208
+ border-left-style: $grid-border-type;
5209
+ border-left-width: $grid-border-size;
5210
+ }
5211
+
5170
5212
  .e-bigger #{&}.e-grid.sf-grid,
5171
5213
  #{&}.e-grid.sf-grid.e-bigger {
5172
5214
  .e-gridheader table th:not([rowspan = '1']),
@@ -1788,6 +1788,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1788
1788
  border-bottom-width: $grid-border-bottom-width;
1789
1789
  }
1790
1790
 
1791
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1792
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1793
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1794
+ &.e-groupcaption,
1795
+ &.e-summarycell {
1796
+ border-bottom-width: 0;
1797
+ }
1798
+ }
1799
+
1791
1800
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1792
1801
  position: relative;
1793
1802
  left: -5px;
@@ -2651,8 +2660,8 @@ margin: $grid-group-animator-cell-margin;
2651
2660
  border-left-width: 0;
2652
2661
  }
2653
2662
 
2654
- &.e-default.e-bothlines .e-headercell,
2655
- &.e-default.e-bothlines .e-detailheadercell {
2663
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2664
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2656
2665
  border-width: $grid-headercell-both-border-width;
2657
2666
  }
2658
2667
 
@@ -3347,7 +3356,7 @@ margin: $grid-group-animator-cell-margin;
3347
3356
  border-left-width: $grid-border-size;
3348
3357
  }
3349
3358
 
3350
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3359
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3351
3360
  border-bottom-style: $grid-border-type;
3352
3361
  border-bottom-width: $grid-border-size;
3353
3362
  border-left-style: $grid-border-type;
@@ -4636,8 +4645,8 @@ margin: $grid-group-animator-cell-margin;
4636
4645
  padding-top: $grid-ungroup-rtl-padding-top;
4637
4646
  }
4638
4647
 
4639
- &.e-default.e-bothlines .e-headercell,
4640
- &.e-default.e-bothlines .e-detailheadercell {
4648
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4649
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4641
4650
  border-width: $grid-headercell-both-border-width;
4642
4651
  }
4643
4652
 
@@ -4660,7 +4669,7 @@ margin: $grid-group-animator-cell-margin;
4660
4669
  border-right: 0;
4661
4670
  }
4662
4671
 
4663
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4672
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4664
4673
  border-bottom-style: $grid-border-type;
4665
4674
  border-bottom-width: $grid-border-size;
4666
4675
  }
@@ -5108,7 +5117,7 @@ margin: $grid-group-animator-cell-margin;
5108
5117
  text-align: left;
5109
5118
  }
5110
5119
 
5111
- &.e-default table th:not([rowspan = '1']) {
5120
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5112
5121
  border-width: $grid-headercell-both-border-width;
5113
5122
  }
5114
5123
 
@@ -5134,7 +5143,7 @@ margin: $grid-group-animator-cell-margin;
5134
5143
  border-right-width: 1px;
5135
5144
  }
5136
5145
 
5137
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5146
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5138
5147
  border-width: $grid-rtl-headercell-both-border-width;
5139
5148
  }
5140
5149
 
@@ -5167,6 +5176,39 @@ margin: $grid-group-animator-cell-margin;
5167
5176
  }
5168
5177
  }
5169
5178
 
5179
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5180
+ border-bottom-style: $grid-border-type;
5181
+ border-bottom-width: $grid-border-size;
5182
+ }
5183
+
5184
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5185
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5186
+ border-width: $grid-headercell-both-border-width;
5187
+ }
5188
+
5189
+ &.e-resize-lines,
5190
+ &.e-resize-lines.e-rtl {
5191
+
5192
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5193
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5194
+ border-left: 0;
5195
+ border-right: 0;
5196
+ border-top: 0;
5197
+ }
5198
+ }
5199
+
5200
+ &.e-default.e-bothlines .e-headercell,
5201
+ &.e-default.e-bothlines .e-detailheadercell {
5202
+ border-width: $grid-headercell-both-border-width;
5203
+ }
5204
+
5205
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5206
+ border-bottom-style: $grid-border-type;
5207
+ border-bottom-width: $grid-border-size;
5208
+ border-left-style: $grid-border-type;
5209
+ border-left-width: $grid-border-size;
5210
+ }
5211
+
5170
5212
  .e-bigger #{&}.e-grid.sf-grid,
5171
5213
  #{&}.e-grid.sf-grid.e-bigger {
5172
5214
  .e-gridheader table th:not([rowspan = '1']),
@@ -1783,6 +1783,15 @@ $grid-dropitems-count-margin-left: -8px !default;
1783
1783
  border-bottom-width: $grid-border-bottom-width;
1784
1784
  }
1785
1785
 
1786
+ .e-bigger & .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1787
+ &.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell,
1788
+ .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell {
1789
+ &.e-groupcaption,
1790
+ &.e-summarycell {
1791
+ border-bottom-width: 0;
1792
+ }
1793
+ }
1794
+
1786
1795
  & .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1787
1796
  position: relative;
1788
1797
  left: -5px;
@@ -2646,8 +2655,8 @@ margin: $grid-group-animator-cell-margin;
2646
2655
  border-left-width: 0;
2647
2656
  }
2648
2657
 
2649
- &.e-default.e-bothlines .e-headercell,
2650
- &.e-default.e-bothlines .e-detailheadercell {
2658
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
2659
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2651
2660
  border-width: $grid-headercell-both-border-width;
2652
2661
  }
2653
2662
 
@@ -3342,7 +3351,7 @@ margin: $grid-group-animator-cell-margin;
3342
3351
  border-left-width: $grid-border-size;
3343
3352
  }
3344
3353
 
3345
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
3354
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3346
3355
  border-bottom-style: $grid-border-type;
3347
3356
  border-bottom-width: $grid-border-size;
3348
3357
  border-left-style: $grid-border-type;
@@ -4631,8 +4640,8 @@ margin: $grid-group-animator-cell-margin;
4631
4640
  padding-top: $grid-ungroup-rtl-padding-top;
4632
4641
  }
4633
4642
 
4634
- &.e-default.e-bothlines .e-headercell,
4635
- &.e-default.e-bothlines .e-detailheadercell {
4643
+ &:not(.sf-grid).e-default.e-bothlines .e-headercell,
4644
+ &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
4636
4645
  border-width: $grid-headercell-both-border-width;
4637
4646
  }
4638
4647
 
@@ -4655,7 +4664,7 @@ margin: $grid-group-animator-cell-margin;
4655
4664
  border-right: 0;
4656
4665
  }
4657
4666
 
4658
- &.e-bothlines .e-gridheader th.e-stackedheadercell {
4667
+ &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
4659
4668
  border-bottom-style: $grid-border-type;
4660
4669
  border-bottom-width: $grid-border-size;
4661
4670
  }
@@ -5103,7 +5112,7 @@ margin: $grid-group-animator-cell-margin;
5103
5112
  text-align: left;
5104
5113
  }
5105
5114
 
5106
- &.e-default table th:not([rowspan = '1']) {
5115
+ &.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5107
5116
  border-width: $grid-headercell-both-border-width;
5108
5117
  }
5109
5118
 
@@ -5129,7 +5138,7 @@ margin: $grid-group-animator-cell-margin;
5129
5138
  border-right-width: 1px;
5130
5139
  }
5131
5140
 
5132
- &.e-rtl.e-default table th:not([rowspan = '1']) {
5141
+ &.e-rtl.e-default table th:not([rowspan = '1']):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell) {
5133
5142
  border-width: $grid-rtl-headercell-both-border-width;
5134
5143
  }
5135
5144
 
@@ -5162,6 +5171,39 @@ margin: $grid-group-animator-cell-margin;
5162
5171
  }
5163
5172
  }
5164
5173
 
5174
+ &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
5175
+ border-bottom-style: $grid-border-type;
5176
+ border-bottom-width: $grid-border-size;
5177
+ }
5178
+
5179
+ &.e-rtl.e-default.e-bothlines .e-headercell,
5180
+ &.e-rtl.e-default.e-bothlines .e-detailheadercell {
5181
+ border-width: $grid-headercell-both-border-width;
5182
+ }
5183
+
5184
+ &.e-resize-lines,
5185
+ &.e-resize-lines.e-rtl {
5186
+
5187
+ & th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder),
5188
+ & th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
5189
+ border-left: 0;
5190
+ border-right: 0;
5191
+ border-top: 0;
5192
+ }
5193
+ }
5194
+
5195
+ &.e-default.e-bothlines .e-headercell,
5196
+ &.e-default.e-bothlines .e-detailheadercell {
5197
+ border-width: $grid-headercell-both-border-width;
5198
+ }
5199
+
5200
+ &.e-bothlines .e-gridheader th.e-stackedheadercell {
5201
+ border-bottom-style: $grid-border-type;
5202
+ border-bottom-width: $grid-border-size;
5203
+ border-left-style: $grid-border-type;
5204
+ border-left-width: $grid-border-size;
5205
+ }
5206
+
5165
5207
  .e-bigger #{&}.e-grid.sf-grid,
5166
5208
  #{&}.e-grid.sf-grid.e-bigger {
5167
5209
  .e-gridheader table th:not([rowspan = '1']),