@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
@@ -2641,15 +2641,15 @@ $pv-eye-icon-margin-top: 3px !default;
2641
2641
  font-size: 18px;
2642
2642
  }
2643
2643
 
2644
- .e-pv-annotation-color-container,
2645
- .e-pv-annotation-opacity-container,
2646
- .e-pv-annotation-stroke-container,
2647
- .e-pv-custom-annotation-thickness-container,
2648
- .e-pv-custom-annotation-opacity-container,
2649
- .e-pv-annotation-thickness-container,
2650
- .e-pv-annotation-textcolor-container,
2651
- .e-pv-annotation-textalign-container,
2652
- .e-pv-annotation-textprop-container {
2644
+ .e-pv-annotation-color-container .e-btn,
2645
+ .e-pv-annotation-opacity-container .e-btn,
2646
+ .e-pv-annotation-stroke-container .e-btn,
2647
+ .e-pv-custom-annotation-thickness-container .e-btn,
2648
+ .e-pv-custom-annotation-opacity-container .e-btn,
2649
+ .e-pv-annotation-thickness-container .e-btn,
2650
+ .e-pv-annotation-textcolor-container .e-btn,
2651
+ .e-pv-annotation-textalign-container .e-btn,
2652
+ .e-pv-annotation-textprop-container .e-btn {
2653
2653
  height: $pv-annotation-drop-down-height;
2654
2654
  width: $pv-annotation-drop-down-width;
2655
2655
  }
@@ -2639,15 +2639,15 @@ $pv-eye-icon-margin-top: 3px !default;
2639
2639
  font-size: 18px;
2640
2640
  }
2641
2641
 
2642
- .e-pv-annotation-color-container,
2643
- .e-pv-annotation-opacity-container,
2644
- .e-pv-annotation-stroke-container,
2645
- .e-pv-custom-annotation-thickness-container,
2646
- .e-pv-custom-annotation-opacity-container,
2647
- .e-pv-annotation-thickness-container,
2648
- .e-pv-annotation-textcolor-container,
2649
- .e-pv-annotation-textalign-container,
2650
- .e-pv-annotation-textprop-container {
2642
+ .e-pv-annotation-color-container .e-btn,
2643
+ .e-pv-annotation-opacity-container .e-btn,
2644
+ .e-pv-annotation-stroke-container .e-btn,
2645
+ .e-pv-custom-annotation-thickness-container .e-btn,
2646
+ .e-pv-custom-annotation-opacity-container .e-btn,
2647
+ .e-pv-annotation-thickness-container .e-btn,
2648
+ .e-pv-annotation-textcolor-container .e-btn,
2649
+ .e-pv-annotation-textalign-container .e-btn,
2650
+ .e-pv-annotation-textprop-container .e-btn {
2651
2651
  height: $pv-annotation-drop-down-height;
2652
2652
  width: $pv-annotation-drop-down-width;
2653
2653
  }
@@ -567,7 +567,7 @@ $pv-blazor-scale-ratio-dialog-max-width: 476px !default;
567
567
  $pv-handwritten-sign-width: 712px !default;
568
568
  $pv-handwritten-sign-height: 366px !default;
569
569
  $pv-canvas-sign-width: 100% !default;
570
- $pv-canvas-sign-width-blazor: 100% !default;
570
+ $pv-canvas-sign-width-blazor: 714px !default;
571
571
  $pv-font-div-padding: 15px 8px !default;
572
572
  $pv-font-div-padding-blazor: 15px 8px !default;
573
573
  $pv-signature-appearance-checkbox: 5px !default;
@@ -2645,15 +2645,15 @@ $pv-search-btn-width-big: 32px !default;
2645
2645
  font-size: 18px;
2646
2646
  }
2647
2647
 
2648
- .e-pv-annotation-color-container,
2649
- .e-pv-annotation-opacity-container,
2650
- .e-pv-annotation-stroke-container,
2651
- .e-pv-custom-annotation-thickness-container,
2652
- .e-pv-custom-annotation-opacity-container,
2653
- .e-pv-annotation-thickness-container,
2654
- .e-pv-annotation-textcolor-container,
2655
- .e-pv-annotation-textalign-container,
2656
- .e-pv-annotation-textprop-container {
2648
+ .e-pv-annotation-color-container .e-btn,
2649
+ .e-pv-annotation-opacity-container .e-btn,
2650
+ .e-pv-annotation-stroke-container .e-btn,
2651
+ .e-pv-custom-annotation-thickness-container .e-btn,
2652
+ .e-pv-custom-annotation-opacity-container .e-btn,
2653
+ .e-pv-annotation-thickness-container .e-btn,
2654
+ .e-pv-annotation-textcolor-container .e-btn,
2655
+ .e-pv-annotation-textalign-container .e-btn,
2656
+ .e-pv-annotation-textprop-container .e-btn {
2657
2657
  height: $pv-annotation-drop-down-height;
2658
2658
  width: $pv-annotation-drop-down-width;
2659
2659
  }
@@ -567,7 +567,7 @@ $pv-blazor-scale-ratio-dialog-max-width: 476px !default;
567
567
  $pv-handwritten-sign-width: 712px !default;
568
568
  $pv-handwritten-sign-height: 366px !default;
569
569
  $pv-canvas-sign-width: 100% !default;
570
- $pv-canvas-sign-width-blazor: 100% !default;
570
+ $pv-canvas-sign-width-blazor: 714px !default;
571
571
  $pv-font-div-padding: 15px 8px !default;
572
572
  $pv-font-div-padding-blazor: 15px 8px !default;
573
573
  $pv-signature-appearance-checkbox: 5px !default;
@@ -2645,15 +2645,15 @@ $pv-search-btn-width-big: 32px !default;
2645
2645
  font-size: 18px;
2646
2646
  }
2647
2647
 
2648
- .e-pv-annotation-color-container,
2649
- .e-pv-annotation-opacity-container,
2650
- .e-pv-annotation-stroke-container,
2651
- .e-pv-custom-annotation-thickness-container,
2652
- .e-pv-custom-annotation-opacity-container,
2653
- .e-pv-annotation-thickness-container,
2654
- .e-pv-annotation-textcolor-container,
2655
- .e-pv-annotation-textalign-container,
2656
- .e-pv-annotation-textprop-container {
2648
+ .e-pv-annotation-color-container .e-btn,
2649
+ .e-pv-annotation-opacity-container .e-btn,
2650
+ .e-pv-annotation-stroke-container .e-btn,
2651
+ .e-pv-custom-annotation-thickness-container .e-btn,
2652
+ .e-pv-custom-annotation-opacity-container .e-btn,
2653
+ .e-pv-annotation-thickness-container .e-btn,
2654
+ .e-pv-annotation-textcolor-container .e-btn,
2655
+ .e-pv-annotation-textalign-container .e-btn,
2656
+ .e-pv-annotation-textprop-container .e-btn {
2657
2657
  height: $pv-annotation-drop-down-height;
2658
2658
  width: $pv-annotation-drop-down-width;
2659
2659
  }
@@ -2646,15 +2646,15 @@ $pv-eye-icon-margin-top: 3px !default;
2646
2646
  font-size: 18px;
2647
2647
  }
2648
2648
 
2649
- .e-pv-annotation-color-container,
2650
- .e-pv-annotation-opacity-container,
2651
- .e-pv-annotation-stroke-container,
2652
- .e-pv-custom-annotation-thickness-container,
2653
- .e-pv-custom-annotation-opacity-container,
2654
- .e-pv-annotation-thickness-container,
2655
- .e-pv-annotation-textcolor-container,
2656
- .e-pv-annotation-textalign-container,
2657
- .e-pv-annotation-textprop-container {
2649
+ .e-pv-annotation-color-container .e-btn,
2650
+ .e-pv-annotation-opacity-container .e-btn,
2651
+ .e-pv-annotation-stroke-container .e-btn,
2652
+ .e-pv-custom-annotation-thickness-container .e-btn,
2653
+ .e-pv-custom-annotation-opacity-container .e-btn,
2654
+ .e-pv-annotation-thickness-container .e-btn,
2655
+ .e-pv-annotation-textcolor-container .e-btn,
2656
+ .e-pv-annotation-textalign-container .e-btn,
2657
+ .e-pv-annotation-textprop-container .e-btn {
2658
2658
  height: $pv-annotation-drop-down-height;
2659
2659
  width: $pv-annotation-drop-down-width;
2660
2660
  }
@@ -2646,15 +2646,15 @@ $pv-eye-icon-margin-top: 3px !default;
2646
2646
  font-size: 18px;
2647
2647
  }
2648
2648
 
2649
- .e-pv-annotation-color-container,
2650
- .e-pv-annotation-opacity-container,
2651
- .e-pv-annotation-stroke-container,
2652
- .e-pv-custom-annotation-thickness-container,
2653
- .e-pv-custom-annotation-opacity-container,
2654
- .e-pv-annotation-thickness-container,
2655
- .e-pv-annotation-textcolor-container,
2656
- .e-pv-annotation-textalign-container,
2657
- .e-pv-annotation-textprop-container {
2649
+ .e-pv-annotation-color-container .e-btn,
2650
+ .e-pv-annotation-opacity-container .e-btn,
2651
+ .e-pv-annotation-stroke-container .e-btn,
2652
+ .e-pv-custom-annotation-thickness-container .e-btn,
2653
+ .e-pv-custom-annotation-opacity-container .e-btn,
2654
+ .e-pv-annotation-thickness-container .e-btn,
2655
+ .e-pv-annotation-textcolor-container .e-btn,
2656
+ .e-pv-annotation-textalign-container .e-btn,
2657
+ .e-pv-annotation-textprop-container .e-btn {
2658
2658
  height: $pv-annotation-drop-down-height;
2659
2659
  width: $pv-annotation-drop-down-width;
2660
2660
  }
@@ -1431,16 +1431,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1431
1431
  }
1432
1432
  }
1433
1433
 
1434
- &.e-device {
1435
- .e-pivotcell-container {
1436
- .e-stackedheadertext {
1437
- &.e-cellvalue {
1438
- align-self: center;
1439
- }
1440
- }
1441
- }
1442
- }
1443
-
1444
1434
  .e-nextspan {
1445
1435
  display: inline-block;
1446
1436
  width: $pivotview-indent-space-size;
@@ -1721,10 +1711,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1721
1711
  .e-spinner-pane.e-pivot-outer-spinner {
1722
1712
  z-index: 1 !important;
1723
1713
  }
1714
+
1724
1715
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1725
1716
  visibility: hidden !important;
1726
1717
  /* stylelint-enable */
1727
1718
  }
1719
+
1728
1720
  .e-grid {
1729
1721
  .e-pivot-content-loader {
1730
1722
  position: absolute;
@@ -1743,6 +1735,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1743
1735
  visibility: hidden;
1744
1736
  }
1745
1737
  }
1738
+
1739
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1740
+ align-self: center;
1741
+ }
1746
1742
  }
1747
1743
 
1748
1744
  .e-grid .e-headercelldiv,
@@ -1428,16 +1428,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1428
1428
  }
1429
1429
  }
1430
1430
 
1431
- &.e-device {
1432
- .e-pivotcell-container {
1433
- .e-stackedheadertext {
1434
- &.e-cellvalue {
1435
- align-self: center;
1436
- }
1437
- }
1438
- }
1439
- }
1440
-
1441
1431
  .e-nextspan {
1442
1432
  display: inline-block;
1443
1433
  width: $pivotview-indent-space-size;
@@ -1718,10 +1708,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1718
1708
  .e-spinner-pane.e-pivot-outer-spinner {
1719
1709
  z-index: 1 !important;
1720
1710
  }
1711
+
1721
1712
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1722
1713
  visibility: hidden !important;
1723
1714
  /* stylelint-enable */
1724
1715
  }
1716
+
1725
1717
  .e-grid {
1726
1718
  .e-pivot-content-loader {
1727
1719
  position: absolute;
@@ -1740,6 +1732,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1740
1732
  visibility: hidden;
1741
1733
  }
1742
1734
  }
1735
+
1736
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1737
+ align-self: center;
1738
+ }
1743
1739
  }
1744
1740
 
1745
1741
  .e-grid .e-headercelldiv,
@@ -1428,16 +1428,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1428
1428
  }
1429
1429
  }
1430
1430
 
1431
- &.e-device {
1432
- .e-pivotcell-container {
1433
- .e-stackedheadertext {
1434
- &.e-cellvalue {
1435
- align-self: center;
1436
- }
1437
- }
1438
- }
1439
- }
1440
-
1441
1431
  .e-nextspan {
1442
1432
  display: inline-block;
1443
1433
  width: $pivotview-indent-space-size;
@@ -1718,10 +1708,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1718
1708
  .e-spinner-pane.e-pivot-outer-spinner {
1719
1709
  z-index: 1 !important;
1720
1710
  }
1711
+
1721
1712
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1722
1713
  visibility: hidden !important;
1723
1714
  /* stylelint-enable */
1724
1715
  }
1716
+
1725
1717
  .e-grid {
1726
1718
  .e-pivot-content-loader {
1727
1719
  position: absolute;
@@ -1740,6 +1732,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1740
1732
  visibility: hidden;
1741
1733
  }
1742
1734
  }
1735
+
1736
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1737
+ align-self: center;
1738
+ }
1743
1739
  }
1744
1740
 
1745
1741
  .e-grid .e-headercelldiv,
@@ -1433,16 +1433,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
- &.e-device {
1437
- .e-pivotcell-container {
1438
- .e-stackedheadertext {
1439
- &.e-cellvalue {
1440
- align-self: center;
1441
- }
1442
- }
1443
- }
1444
- }
1445
-
1446
1436
  .e-nextspan {
1447
1437
  display: inline-block;
1448
1438
  width: $pivotview-indent-space-size;
@@ -1723,10 +1713,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1723
1713
  .e-spinner-pane.e-pivot-outer-spinner {
1724
1714
  z-index: 1 !important;
1725
1715
  }
1716
+
1726
1717
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1727
1718
  visibility: hidden !important;
1728
1719
  /* stylelint-enable */
1729
1720
  }
1721
+
1730
1722
  .e-grid {
1731
1723
  .e-pivot-content-loader {
1732
1724
  position: absolute;
@@ -1745,6 +1737,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1745
1737
  visibility: hidden;
1746
1738
  }
1747
1739
  }
1740
+
1741
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1742
+ align-self: center;
1743
+ }
1748
1744
  }
1749
1745
 
1750
1746
  .e-grid .e-headercelldiv,
@@ -1433,16 +1433,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
- &.e-device {
1437
- .e-pivotcell-container {
1438
- .e-stackedheadertext {
1439
- &.e-cellvalue {
1440
- align-self: center;
1441
- }
1442
- }
1443
- }
1444
- }
1445
-
1446
1436
  .e-nextspan {
1447
1437
  display: inline-block;
1448
1438
  width: $pivotview-indent-space-size;
@@ -1723,10 +1713,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1723
1713
  .e-spinner-pane.e-pivot-outer-spinner {
1724
1714
  z-index: 1 !important;
1725
1715
  }
1716
+
1726
1717
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1727
1718
  visibility: hidden !important;
1728
1719
  /* stylelint-enable */
1729
1720
  }
1721
+
1730
1722
  .e-grid {
1731
1723
  .e-pivot-content-loader {
1732
1724
  position: absolute;
@@ -1745,6 +1737,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1745
1737
  visibility: hidden;
1746
1738
  }
1747
1739
  }
1740
+
1741
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1742
+ align-self: center;
1743
+ }
1748
1744
  }
1749
1745
 
1750
1746
  .e-grid .e-headercelldiv,
@@ -1430,16 +1430,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1430
1430
  }
1431
1431
  }
1432
1432
 
1433
- &.e-device {
1434
- .e-pivotcell-container {
1435
- .e-stackedheadertext {
1436
- &.e-cellvalue {
1437
- align-self: center;
1438
- }
1439
- }
1440
- }
1441
- }
1442
-
1443
1433
  .e-nextspan {
1444
1434
  display: inline-block;
1445
1435
  width: $pivotview-indent-space-size;
@@ -1720,10 +1710,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1720
1710
  .e-spinner-pane.e-pivot-outer-spinner {
1721
1711
  z-index: 1 !important;
1722
1712
  }
1713
+
1723
1714
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1724
1715
  visibility: hidden !important;
1725
1716
  /* stylelint-enable */
1726
1717
  }
1718
+
1727
1719
  .e-grid {
1728
1720
  .e-pivot-content-loader {
1729
1721
  position: absolute;
@@ -1742,6 +1734,10 @@ $pivotpager-single-size-title-padding: 4px !default;
1742
1734
  visibility: hidden;
1743
1735
  }
1744
1736
  }
1737
+
1738
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1739
+ align-self: center;
1740
+ }
1745
1741
  }
1746
1742
 
1747
1743
  .e-grid .e-headercelldiv,
@@ -1427,16 +1427,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1427
1427
  }
1428
1428
  }
1429
1429
 
1430
- &.e-device {
1431
- .e-pivotcell-container {
1432
- .e-stackedheadertext {
1433
- &.e-cellvalue {
1434
- align-self: center;
1435
- }
1436
- }
1437
- }
1438
- }
1439
-
1440
1430
  .e-nextspan {
1441
1431
  display: inline-block;
1442
1432
  width: $pivotview-indent-space-size;
@@ -1717,10 +1707,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1717
1707
  .e-spinner-pane.e-pivot-outer-spinner {
1718
1708
  z-index: 1 !important;
1719
1709
  }
1710
+
1720
1711
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1721
1712
  visibility: hidden !important;
1722
1713
  /* stylelint-enable */
1723
1714
  }
1715
+
1724
1716
  .e-grid {
1725
1717
  .e-pivot-content-loader {
1726
1718
  position: absolute;
@@ -1739,6 +1731,10 @@ $pivotpager-single-size-title-padding: 4px !default;
1739
1731
  visibility: hidden;
1740
1732
  }
1741
1733
  }
1734
+
1735
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1736
+ align-self: center;
1737
+ }
1742
1738
  }
1743
1739
 
1744
1740
  .e-grid .e-headercelldiv,
@@ -1433,16 +1433,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
- &.e-device {
1437
- .e-pivotcell-container {
1438
- .e-stackedheadertext {
1439
- &.e-cellvalue {
1440
- align-self: center;
1441
- }
1442
- }
1443
- }
1444
- }
1445
-
1446
1436
  .e-nextspan {
1447
1437
  display: inline-block;
1448
1438
  width: $pivotview-indent-space-size;
@@ -1723,10 +1713,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1723
1713
  .e-spinner-pane.e-pivot-outer-spinner {
1724
1714
  z-index: 1 !important;
1725
1715
  }
1716
+
1726
1717
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1727
1718
  visibility: hidden !important;
1728
1719
  /* stylelint-enable */
1729
1720
  }
1721
+
1730
1722
  .e-grid {
1731
1723
  .e-pivot-content-loader {
1732
1724
  position: absolute;
@@ -1745,6 +1737,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1745
1737
  visibility: hidden;
1746
1738
  }
1747
1739
  }
1740
+
1741
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1742
+ align-self: center;
1743
+ }
1748
1744
  }
1749
1745
 
1750
1746
  .e-grid .e-headercelldiv,
@@ -1433,16 +1433,6 @@ $pivotpager-single-size-title-padding: 8px !default;
1433
1433
  }
1434
1434
  }
1435
1435
 
1436
- &.e-device {
1437
- .e-pivotcell-container {
1438
- .e-stackedheadertext {
1439
- &.e-cellvalue {
1440
- align-self: center;
1441
- }
1442
- }
1443
- }
1444
- }
1445
-
1446
1436
  .e-nextspan {
1447
1437
  display: inline-block;
1448
1438
  width: $pivotview-indent-space-size;
@@ -1723,10 +1713,12 @@ $pivotpager-single-size-title-padding: 8px !default;
1723
1713
  .e-spinner-pane.e-pivot-outer-spinner {
1724
1714
  z-index: 1 !important;
1725
1715
  }
1716
+
1726
1717
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1727
1718
  visibility: hidden !important;
1728
1719
  /* stylelint-enable */
1729
1720
  }
1721
+
1730
1722
  .e-grid {
1731
1723
  .e-pivot-content-loader {
1732
1724
  position: absolute;
@@ -1745,6 +1737,10 @@ $pivotpager-single-size-title-padding: 8px !default;
1745
1737
  visibility: hidden;
1746
1738
  }
1747
1739
  }
1740
+
1741
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1742
+ align-self: center;
1743
+ }
1748
1744
  }
1749
1745
 
1750
1746
  .e-grid .e-headercelldiv,
@@ -1426,16 +1426,6 @@ $pivotpager-single-size-title-padding: 4px !default;
1426
1426
  }
1427
1427
  }
1428
1428
 
1429
- &.e-device {
1430
- .e-pivotcell-container {
1431
- .e-stackedheadertext {
1432
- &.e-cellvalue {
1433
- align-self: center;
1434
- }
1435
- }
1436
- }
1437
- }
1438
-
1439
1429
  .e-nextspan {
1440
1430
  display: inline-block;
1441
1431
  width: $pivotview-indent-space-size;
@@ -1716,10 +1706,12 @@ $pivotpager-single-size-title-padding: 4px !default;
1716
1706
  .e-spinner-pane.e-pivot-outer-spinner {
1717
1707
  z-index: 1 !important;
1718
1708
  }
1709
+
1719
1710
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1720
1711
  visibility: hidden !important;
1721
1712
  /* stylelint-enable */
1722
1713
  }
1714
+
1723
1715
  .e-grid {
1724
1716
  .e-pivot-content-loader {
1725
1717
  position: absolute;
@@ -1738,6 +1730,10 @@ $pivotpager-single-size-title-padding: 4px !default;
1738
1730
  visibility: hidden;
1739
1731
  }
1740
1732
  }
1733
+
1734
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1735
+ align-self: center;
1736
+ }
1741
1737
  }
1742
1738
 
1743
1739
  .e-grid .e-headercelldiv,
@@ -1434,16 +1434,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1434
1434
  }
1435
1435
  }
1436
1436
 
1437
- &.e-device {
1438
- .e-pivotcell-container {
1439
- .e-stackedheadertext {
1440
- &.e-cellvalue {
1441
- align-self: center;
1442
- }
1443
- }
1444
- }
1445
- }
1446
-
1447
1437
  .e-nextspan {
1448
1438
  display: inline-block;
1449
1439
  width: $pivotview-indent-space-size;
@@ -1724,10 +1714,12 @@ $pivotpager-single-size-title-padding: 14px !default;
1724
1714
  .e-spinner-pane.e-pivot-outer-spinner {
1725
1715
  z-index: 1 !important;
1726
1716
  }
1717
+
1727
1718
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1728
1719
  visibility: hidden !important;
1729
1720
  /* stylelint-enable */
1730
1721
  }
1722
+
1731
1723
  .e-grid {
1732
1724
  .e-pivot-content-loader {
1733
1725
  position: absolute;
@@ -1746,6 +1738,10 @@ $pivotpager-single-size-title-padding: 14px !default;
1746
1738
  visibility: hidden;
1747
1739
  }
1748
1740
  }
1741
+
1742
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1743
+ align-self: center;
1744
+ }
1749
1745
  }
1750
1746
 
1751
1747
  .e-grid .e-headercelldiv,
@@ -1430,16 +1430,6 @@ $pivotpager-single-size-title-padding: 14px !default;
1430
1430
  }
1431
1431
  }
1432
1432
 
1433
- &.e-device {
1434
- .e-pivotcell-container {
1435
- .e-stackedheadertext {
1436
- &.e-cellvalue {
1437
- align-self: center;
1438
- }
1439
- }
1440
- }
1441
- }
1442
-
1443
1433
  .e-nextspan {
1444
1434
  display: inline-block;
1445
1435
  width: $pivotview-indent-space-size;
@@ -1720,10 +1710,12 @@ $pivotpager-single-size-title-padding: 14px !default;
1720
1710
  .e-spinner-pane.e-pivot-outer-spinner {
1721
1711
  z-index: 1 !important;
1722
1712
  }
1713
+
1723
1714
  .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1724
1715
  visibility: hidden !important;
1725
1716
  /* stylelint-enable */
1726
1717
  }
1718
+
1727
1719
  .e-grid {
1728
1720
  .e-pivot-content-loader {
1729
1721
  position: absolute;
@@ -1742,6 +1734,10 @@ $pivotpager-single-size-title-padding: 14px !default;
1742
1734
  visibility: hidden;
1743
1735
  }
1744
1736
  }
1737
+
1738
+ &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
1739
+ align-self: center;
1740
+ }
1745
1741
  }
1746
1742
 
1747
1743
  .e-grid .e-headercelldiv,