@syncfusion/ej2-layouts 20.2.46 → 20.3.47

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 (145) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-layouts.min.js +10 -0
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +1 -1
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +3 -2
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/dashboard-layout/dashboard-layout.js +0 -1
  14. package/src/splitter/splitter.d.ts +1 -0
  15. package/src/splitter/splitter.js +3 -1
  16. package/styles/avatar/_bootstrap-dark-definition.scss +0 -1
  17. package/styles/avatar/_fabric-dark-definition.scss +0 -1
  18. package/styles/avatar/_highcontrast-light-definition.scss +0 -1
  19. package/styles/avatar/_material-dark-definition.scss +0 -1
  20. package/styles/avatar/_theme.scss +1 -0
  21. package/styles/bootstrap-dark.css +11 -9
  22. package/styles/bootstrap.css +11 -9
  23. package/styles/bootstrap4.css +11 -9
  24. package/styles/bootstrap5-dark.css +11 -9
  25. package/styles/bootstrap5.css +11 -9
  26. package/styles/card/_all.scss +1 -1
  27. package/styles/card/_bootstrap-dark-definition.scss +6 -9
  28. package/styles/card/_bootstrap-definition.scss +2 -4
  29. package/styles/card/_bootstrap4-definition.scss +2 -4
  30. package/styles/card/_bootstrap5-definition.scss +8 -2
  31. package/styles/card/_fabric-dark-definition.scss +6 -9
  32. package/styles/card/_fabric-definition.scss +2 -4
  33. package/styles/card/_fluent-definition.scss +8 -2
  34. package/styles/card/_fusionnew-definition.scss +8 -2
  35. package/styles/card/_highcontrast-definition.scss +2 -4
  36. package/styles/card/_highcontrast-light-definition.scss +6 -9
  37. package/styles/card/_layout.scss +7 -8
  38. package/styles/card/_material-dark-definition.scss +7 -8
  39. package/styles/card/_material-definition.scss +4 -5
  40. package/styles/card/_material3-definition.scss +8 -2
  41. package/styles/card/_tailwind-definition.scss +7 -2
  42. package/styles/card/_theme.scss +3 -3
  43. package/styles/card/bootstrap-dark.css +5 -4
  44. package/styles/card/bootstrap.css +5 -4
  45. package/styles/card/bootstrap4.css +5 -4
  46. package/styles/card/bootstrap5-dark.css +5 -4
  47. package/styles/card/bootstrap5.css +5 -4
  48. package/styles/card/fabric-dark.css +5 -4
  49. package/styles/card/fabric.css +5 -4
  50. package/styles/card/fluent-dark.css +5 -4
  51. package/styles/card/fluent.css +5 -4
  52. package/styles/card/highcontrast-light.css +5 -4
  53. package/styles/card/highcontrast.css +5 -4
  54. package/styles/card/material-dark.css +5 -4
  55. package/styles/card/material.css +5 -4
  56. package/styles/card/tailwind-dark.css +3 -6
  57. package/styles/card/tailwind.css +3 -6
  58. package/styles/dashboard-layout/_bootstrap-dark-definition.scss +1 -3
  59. package/styles/dashboard-layout/_bootstrap-definition.scss +1 -3
  60. package/styles/dashboard-layout/_bootstrap4-definition.scss +2 -3
  61. package/styles/dashboard-layout/_bootstrap5-definition.scss +1 -2
  62. package/styles/dashboard-layout/_fabric-dark-definition.scss +1 -3
  63. package/styles/dashboard-layout/_fabric-definition.scss +1 -3
  64. package/styles/dashboard-layout/_fluent-definition.scss +1 -2
  65. package/styles/dashboard-layout/_fusionnew-definition.scss +1 -2
  66. package/styles/dashboard-layout/_highcontrast-definition.scss +1 -3
  67. package/styles/dashboard-layout/_highcontrast-light-definition.scss +1 -3
  68. package/styles/dashboard-layout/_layout.scss +0 -5
  69. package/styles/dashboard-layout/_material-dark-definition.scss +1 -3
  70. package/styles/dashboard-layout/_material-definition.scss +1 -3
  71. package/styles/dashboard-layout/_material3-definition.scss +1 -2
  72. package/styles/dashboard-layout/_tailwind-definition.scss +1 -2
  73. package/styles/dashboard-layout/bootstrap-dark.css +1 -0
  74. package/styles/dashboard-layout/bootstrap.css +1 -0
  75. package/styles/dashboard-layout/bootstrap4.css +1 -0
  76. package/styles/dashboard-layout/bootstrap5-dark.css +1 -0
  77. package/styles/dashboard-layout/bootstrap5.css +1 -0
  78. package/styles/dashboard-layout/fabric-dark.css +1 -0
  79. package/styles/dashboard-layout/fabric.css +1 -0
  80. package/styles/dashboard-layout/fluent-dark.css +1 -0
  81. package/styles/dashboard-layout/fluent.css +1 -0
  82. package/styles/dashboard-layout/highcontrast-light.css +1 -0
  83. package/styles/dashboard-layout/highcontrast.css +1 -0
  84. package/styles/dashboard-layout/icons/_bootstrap-dark.scss +0 -1
  85. package/styles/dashboard-layout/icons/_bootstrap.scss +0 -1
  86. package/styles/dashboard-layout/icons/_bootstrap4.scss +0 -1
  87. package/styles/dashboard-layout/icons/_bootstrap5.scss +0 -1
  88. package/styles/dashboard-layout/icons/_fabric-dark.scss +0 -2
  89. package/styles/dashboard-layout/icons/_fabric.scss +0 -2
  90. package/styles/dashboard-layout/icons/_fluent.scss +0 -1
  91. package/styles/dashboard-layout/icons/_fusionnew.scss +0 -1
  92. package/styles/dashboard-layout/icons/_highcontrast.scss +0 -1
  93. package/styles/dashboard-layout/icons/_material-dark.scss +0 -1
  94. package/styles/dashboard-layout/icons/_material.scss +0 -1
  95. package/styles/dashboard-layout/icons/_material3.scss +0 -1
  96. package/styles/dashboard-layout/icons/_tailwind-dark.scss +0 -1
  97. package/styles/dashboard-layout/icons/_tailwind.scss +0 -1
  98. package/styles/dashboard-layout/material-dark.css +1 -0
  99. package/styles/dashboard-layout/material.css +1 -0
  100. package/styles/dashboard-layout/tailwind-dark.css +1 -0
  101. package/styles/dashboard-layout/tailwind.css +1 -0
  102. package/styles/fabric-dark.css +11 -9
  103. package/styles/fabric.css +11 -9
  104. package/styles/fluent-dark.css +11 -9
  105. package/styles/fluent.css +11 -9
  106. package/styles/highcontrast-light.css +11 -9
  107. package/styles/highcontrast.css +11 -9
  108. package/styles/material-dark.css +11 -9
  109. package/styles/material.css +11 -9
  110. package/styles/splitter/_all.scss +1 -1
  111. package/styles/splitter/_bootstrap-dark-definition.scss +1 -0
  112. package/styles/splitter/_bootstrap-definition.scss +1 -0
  113. package/styles/splitter/_bootstrap4-definition.scss +1 -0
  114. package/styles/splitter/_bootstrap5-definition.scss +4 -1
  115. package/styles/splitter/_definition.scss +1 -0
  116. package/styles/splitter/_fabric-dark-definition.scss +1 -0
  117. package/styles/splitter/_fabric-definition.scss +1 -0
  118. package/styles/splitter/_fluent-definition.scss +2 -0
  119. package/styles/splitter/_fusionnew-definition.scss +4 -1
  120. package/styles/splitter/_highcontrast-definition.scss +1 -0
  121. package/styles/splitter/_highcontrast-light-definition.scss +1 -0
  122. package/styles/splitter/_layout.scss +8 -9
  123. package/styles/splitter/_material-dark-definition.scss +1 -0
  124. package/styles/splitter/_material-definition.scss +1 -0
  125. package/styles/splitter/_material3-definition.scss +4 -1
  126. package/styles/splitter/_responsive.scss +1 -0
  127. package/styles/splitter/_tailwind-definition.scss +4 -1
  128. package/styles/splitter/_theme.scss +2 -2
  129. package/styles/splitter/bootstrap-dark.css +7 -5
  130. package/styles/splitter/bootstrap.css +7 -5
  131. package/styles/splitter/bootstrap4.css +7 -5
  132. package/styles/splitter/bootstrap5-dark.css +7 -5
  133. package/styles/splitter/bootstrap5.css +7 -5
  134. package/styles/splitter/fabric-dark.css +7 -5
  135. package/styles/splitter/fabric.css +7 -5
  136. package/styles/splitter/fluent-dark.css +7 -5
  137. package/styles/splitter/fluent.css +7 -5
  138. package/styles/splitter/highcontrast-light.css +7 -5
  139. package/styles/splitter/highcontrast.css +7 -5
  140. package/styles/splitter/material-dark.css +7 -5
  141. package/styles/splitter/material.css +7 -5
  142. package/styles/splitter/tailwind-dark.css +7 -5
  143. package/styles/splitter/tailwind.css +7 -5
  144. package/styles/tailwind-dark.css +9 -11
  145. package/styles/tailwind.css +9 -11
@@ -338,12 +338,12 @@
338
338
  }
339
339
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
340
340
  font-size: 13px;
341
- font-weight: 400;
341
+ font-weight: normal;
342
342
  line-height: 18px;
343
343
  }
344
344
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
345
345
  font-size: 12px;
346
- font-weight: 400;
346
+ font-weight: normal;
347
347
  line-height: 14px;
348
348
  padding: 0 0 8px;
349
349
  }
@@ -451,8 +451,8 @@
451
451
  text-overflow: ellipsis;
452
452
  width: inherit;
453
453
  }
454
- .e-card .e-card-actions .e-card-btn else,
455
- .e-card .e-card-actions a else {
454
+ .e-card .e-card-actions .e-card-btn,
455
+ .e-card .e-card-actions a {
456
456
  border-radius: 2px;
457
457
  }
458
458
  .e-card .e-card-actions .e-card-btn,
@@ -488,6 +488,7 @@
488
488
  }
489
489
 
490
490
  /*! card theme */
491
+ /* stylelint-disable property-no-vendor-prefix */
491
492
  .e-card {
492
493
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
494
  background-color: #303030;
@@ -609,8 +610,8 @@
609
610
  }
610
611
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
611
612
  -ms-flex-preferred-size: 0 !important;
612
- flex-basis: 0 !important;
613
- overflow: hidden !important;
613
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
614
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
614
615
  }
615
616
  .e-splitter.e-splitter-horizontal {
616
617
  -ms-flex-direction: row;
@@ -643,8 +644,8 @@
643
644
  }
644
645
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
645
646
  -ms-flex-preferred-size: 0 !important;
646
- flex-basis: 0 !important;
647
- overflow: hidden !important;
647
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
648
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
648
649
  }
649
650
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
650
651
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1046,7 +1047,8 @@
1046
1047
  pointer-events: none;
1047
1048
  }
1048
1049
 
1049
- /*! component's theme wise override material-definitions and variables */
1050
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */
1051
+ /* stylelint-disable */
1050
1052
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1051
1053
  height: 100%;
1052
1054
  padding: 20px 0;
@@ -337,12 +337,12 @@
337
337
  }
338
338
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
339
339
  font-size: 13px;
340
- font-weight: 400;
340
+ font-weight: normal;
341
341
  line-height: normal;
342
342
  }
343
343
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
344
344
  font-size: 12px;
345
- font-weight: 400;
345
+ font-weight: normal;
346
346
  line-height: normal;
347
347
  padding: 6px 0 0;
348
348
  }
@@ -450,8 +450,8 @@
450
450
  text-overflow: ellipsis;
451
451
  width: inherit;
452
452
  }
453
- .e-card .e-card-actions .e-card-btn else,
454
- .e-card .e-card-actions a else {
453
+ .e-card .e-card-actions .e-card-btn,
454
+ .e-card .e-card-actions a {
455
455
  border-radius: 2px;
456
456
  }
457
457
  .e-card .e-card-actions .e-card-btn,
@@ -487,6 +487,7 @@
487
487
  }
488
488
 
489
489
  /*! card theme */
490
+ /* stylelint-disable property-no-vendor-prefix */
490
491
  .e-card {
491
492
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
492
493
  background-color: #fff;
@@ -610,8 +611,8 @@
610
611
  }
611
612
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
612
613
  -ms-flex-preferred-size: 0 !important;
613
- flex-basis: 0 !important;
614
- overflow: hidden !important;
614
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
615
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
615
616
  }
616
617
  .e-splitter.e-splitter-horizontal {
617
618
  -ms-flex-direction: row;
@@ -644,8 +645,8 @@
644
645
  }
645
646
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
646
647
  -ms-flex-preferred-size: 0 !important;
647
- flex-basis: 0 !important;
648
- overflow: hidden !important;
648
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
649
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
649
650
  }
650
651
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
651
652
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1047,7 +1048,8 @@
1047
1048
  pointer-events: none;
1048
1049
  }
1049
1050
 
1050
- /*! component's theme wise override material-definitions and variables */
1051
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override material-definitions and variables */
1052
+ /* stylelint-disable */
1051
1053
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1052
1054
  height: 100%;
1053
1055
  padding: 20px 0;
@@ -1,3 +1,3 @@
1
- @import 'layout.scss';
1
+ @import 'layout.scss';
2
2
  @import 'theme.scss';
3
3
  @import 'responsive.scss';
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 14px !default;
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 14px !default;
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 14px !default;
@@ -1,6 +1,7 @@
1
1
  $skin-name: 'bootstrap' !default;
2
+
2
3
  //Layout Variables Start
3
- $splitpane-font-size: $text-sm !default;
4
+ $splitpane-font-size: $text-sm !default;
4
5
  $splitpane-font-weight: $font-weight-normal !default;
5
6
  $splitpane-font-family: $font-family !default;
6
7
  $splitbar-icon-size: 14px !default;
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
8
9
  $bigger-splitbar-icon-gap: 20px !default;
9
10
  $bigger-splitpane-font-size: $text-base !default;
10
11
  $bigger-splitbar-icon-size: 16px !default;
12
+
11
13
  //Layout Variables End
12
14
 
13
15
  //Theme Variables Start
@@ -27,4 +29,5 @@ $split-bar-border-left: none !default;
27
29
  $split-bar-border-right: none !default;
28
30
  $split-bar-hover-border-left: none !default;
29
31
  $split-bar-hover-border-right: none !default;
32
+
30
33
  //Theme Variables End
@@ -0,0 +1 @@
1
+ /* stylelint-disable-line no-empty-source */
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 13px !default;
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 13px !default;
@@ -7,6 +7,7 @@ $splitbar-icon-gap: 18px !default;
7
7
  $bigger-splitbar-icon-gap: 20px !default;
8
8
  $bigger-splitpane-font-size: $text-base !default;
9
9
  $bigger-splitbar-icon-size: 16px !default;
10
+
10
11
  //Layout Variables End
11
12
 
12
13
  //Theme Variables Start
@@ -26,4 +27,5 @@ $split-bar-border-left: 1px solid $border-light !default;
26
27
  $split-bar-border-right: 1px solid $border-light !default;
27
28
  $split-bar-hover-border-left: 1px solid $splitbar-hover-border-color !default;
28
29
  $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
30
+
29
31
  //Theme Variables End
@@ -1,6 +1,7 @@
1
1
  $skin-name: 'bootstrap' !default;
2
+
2
3
  //Layout Variables Start
3
- $splitpane-font-size: $text-sm !default;
4
+ $splitpane-font-size: $text-sm !default;
4
5
  $splitpane-font-weight: $font-weight-normal !default;
5
6
  $splitpane-font-family: $font-family !default;
6
7
  $splitbar-icon-size: 14px !default;
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
8
9
  $bigger-splitbar-icon-gap: 20px !default;
9
10
  $bigger-splitpane-font-size: $text-base !default;
10
11
  $bigger-splitbar-icon-size: 16px !default;
12
+
11
13
  //Layout Variables End
12
14
 
13
15
  //Theme Variables Start
@@ -27,4 +29,5 @@ $split-bar-border-left: none !default;
27
29
  $split-bar-border-right: none !default;
28
30
  $split-bar-hover-border-left: none !default;
29
31
  $split-bar-hover-border-right: none !default;
32
+
30
33
  //Theme Variables End
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 13px !default;
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 13px !default;
@@ -1,4 +1,4 @@
1
- @include export-module('splitter-layout') {
1
+ @include export-module('splitter-layout') {
2
2
  .e-splitter {
3
3
 
4
4
  &.e-splitter-horizontal,
@@ -29,8 +29,8 @@
29
29
  overflow: auto;
30
30
 
31
31
  &.e-pane-hidden {
32
- flex-basis: 0 !important; // sass-lint:disable-line no-important
33
- overflow: hidden !important; // sass-lint:disable-line no-important
32
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
33
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
34
34
  }
35
35
  }
36
36
  }
@@ -74,8 +74,8 @@
74
74
  overflow: auto;
75
75
 
76
76
  &.e-pane-hidden {
77
- flex-basis: 0 !important; // sass-lint:disable-line no-important
78
- overflow: hidden !important; // sass-lint:disable-line no-important
77
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
78
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
79
79
  }
80
80
  }
81
81
 
@@ -190,7 +190,7 @@
190
190
  &:not(.e-arrow-right) {
191
191
  border-radius: 50%;
192
192
  right: 5px;
193
- }
193
+ }
194
194
 
195
195
  &.e-arrow-right {
196
196
  border-radius: 50%;
@@ -312,7 +312,7 @@
312
312
  border-radius: 50%;
313
313
  bottom: 20px;
314
314
  left: 22px;
315
- }
315
+ }
316
316
 
317
317
  &.e-arrow-down {
318
318
  border-radius: 50%;
@@ -364,7 +364,6 @@
364
364
  margin-top: 2px;
365
365
  }
366
366
  }
367
-
368
367
  }
369
368
  }
370
369
  }
@@ -375,7 +374,7 @@
375
374
  }
376
375
  }
377
376
 
378
- .e-bigger .e-splitter {
377
+ .e-bigger .e-splitter {
379
378
  .e-pane {
380
379
  font-size: $bigger-splitpane-font-size;
381
380
  }
@@ -20,6 +20,7 @@ $split-bar-border-left: none !default;
20
20
  $split-bar-border-right: none !default;
21
21
  $split-bar-hover-border-left: none !default;
22
22
  $split-bar-hover-border-right: none !default;
23
+
23
24
  // Bigger style
24
25
  $bigger-splitbar-icon-gap: 20px !default;
25
26
  $bigger-splitpane-font-size: 14px !default;
@@ -21,6 +21,7 @@ $split-bar-border-left: none !default;
21
21
  $split-bar-border-right: none !default;
22
22
  $split-bar-hover-border-left: none !default;
23
23
  $split-bar-hover-border-right: none !default;
24
+
24
25
  // Bigger style
25
26
  $bigger-splitbar-icon-gap: 20px !default;
26
27
  $bigger-splitpane-font-size: 14px !default;
@@ -1,6 +1,7 @@
1
1
  $skin-name: 'bootstrap' !default;
2
+
2
3
  //Layout Variables Start
3
- $splitpane-font-size: $text-sm !default;
4
+ $splitpane-font-size: $text-sm !default;
4
5
  $splitpane-font-weight: $font-weight-normal !default;
5
6
  $splitpane-font-family: $font-family !default;
6
7
  $splitbar-icon-size: 14px !default;
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
8
9
  $bigger-splitbar-icon-gap: 20px !default;
9
10
  $bigger-splitpane-font-size: $text-base !default;
10
11
  $bigger-splitbar-icon-size: 16px !default;
12
+
11
13
  //Layout Variables End
12
14
 
13
15
  //Theme Variables Start
@@ -27,4 +29,5 @@ $split-bar-border-left: none !default;
27
29
  $split-bar-border-right: none !default;
28
30
  $split-bar-hover-border-left: none !default;
29
31
  $split-bar-hover-border-right: none !default;
32
+
30
33
  //Theme Variables End
@@ -0,0 +1 @@
1
+ /* stylelint-disable-line no-empty-source */
@@ -1,6 +1,7 @@
1
1
  $skin-name: 'tailwind' !default;
2
+
2
3
  //Layout Variables Start
3
- $splitpane-font-size: $text-sm !default;
4
+ $splitpane-font-size: $text-sm !default;
4
5
  $splitpane-font-weight: $font-weight-normal !default;
5
6
  $splitpane-font-family: $font-family !default;
6
7
  $splitbar-icon-size: 14px !default;
@@ -8,6 +9,7 @@ $splitbar-icon-gap: 18px !default;
8
9
  $bigger-splitbar-icon-gap: 20px !default;
9
10
  $bigger-splitpane-font-size: $text-base !default;
10
11
  $bigger-splitbar-icon-size: 16px !default;
12
+
11
13
  //Layout Variables End
12
14
 
13
15
  //Theme Variables Start
@@ -27,4 +29,5 @@ $split-bar-border-left: 1px solid $border-light !default;
27
29
  $split-bar-border-right: 1px solid $border-light !default;
28
30
  $split-bar-hover-border-left: 1px solid $splitbar-hover-border-color !default;
29
31
  $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
32
+
30
33
  //Theme Variables End
@@ -1,4 +1,4 @@
1
- @include export-module('splitter-theme') {
1
+ @include export-module('splitter-theme') {
2
2
  .e-splitter {
3
3
 
4
4
  &.e-splitter-horizontal,
@@ -198,7 +198,7 @@
198
198
  }
199
199
 
200
200
  &.e-disabled {
201
- opacity: 00.4;
201
+ opacity: .4;
202
202
  pointer-events: none;
203
203
  }
204
204
  }
@@ -54,8 +54,8 @@
54
54
  }
55
55
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
56
56
  -ms-flex-preferred-size: 0 !important;
57
- flex-basis: 0 !important;
58
- overflow: hidden !important;
57
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
58
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
60
  .e-splitter.e-splitter-horizontal {
61
61
  -ms-flex-direction: row;
@@ -88,8 +88,8 @@
88
88
  }
89
89
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
90
90
  -ms-flex-preferred-size: 0 !important;
91
- flex-basis: 0 !important;
92
- overflow: hidden !important;
91
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
92
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
93
93
  }
94
94
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
95
95
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -489,4 +489,6 @@
489
489
  .e-splitter.e-disabled {
490
490
  opacity: 0.4;
491
491
  pointer-events: none;
492
- }
492
+ }
493
+
494
+ /* stylelint-disable-line no-empty-source */
@@ -54,8 +54,8 @@
54
54
  }
55
55
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
56
56
  -ms-flex-preferred-size: 0 !important;
57
- flex-basis: 0 !important;
58
- overflow: hidden !important;
57
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
58
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
60
  .e-splitter.e-splitter-horizontal {
61
61
  -ms-flex-direction: row;
@@ -88,8 +88,8 @@
88
88
  }
89
89
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
90
90
  -ms-flex-preferred-size: 0 !important;
91
- flex-basis: 0 !important;
92
- overflow: hidden !important;
91
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
92
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
93
93
  }
94
94
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
95
95
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -489,4 +489,6 @@
489
489
  .e-splitter.e-disabled {
490
490
  opacity: 0.4;
491
491
  pointer-events: none;
492
- }
492
+ }
493
+
494
+ /* stylelint-disable-line no-empty-source */
@@ -53,8 +53,8 @@
53
53
  }
54
54
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
55
55
  -ms-flex-preferred-size: 0 !important;
56
- flex-basis: 0 !important;
57
- overflow: hidden !important;
56
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
57
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
58
58
  }
59
59
  .e-splitter.e-splitter-horizontal {
60
60
  -ms-flex-direction: row;
@@ -87,8 +87,8 @@
87
87
  }
88
88
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
89
89
  -ms-flex-preferred-size: 0 !important;
90
- flex-basis: 0 !important;
91
- overflow: hidden !important;
90
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
91
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
92
92
  }
93
93
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
94
94
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -488,4 +488,6 @@
488
488
  .e-splitter.e-disabled {
489
489
  opacity: 0.4;
490
490
  pointer-events: none;
491
- }
491
+ }
492
+
493
+ /* stylelint-disable-line no-empty-source */
@@ -47,8 +47,8 @@
47
47
  }
48
48
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
49
49
  -ms-flex-preferred-size: 0 !important;
50
- flex-basis: 0 !important;
51
- overflow: hidden !important;
50
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
51
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
52
52
  }
53
53
  .e-splitter.e-splitter-horizontal {
54
54
  -ms-flex-direction: row;
@@ -81,8 +81,8 @@
81
81
  }
82
82
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
83
83
  -ms-flex-preferred-size: 0 !important;
84
- flex-basis: 0 !important;
85
- overflow: hidden !important;
84
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
85
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
86
86
  }
87
87
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
88
88
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -482,4 +482,6 @@
482
482
  .e-splitter.e-disabled {
483
483
  opacity: 0.4;
484
484
  pointer-events: none;
485
- }
485
+ }
486
+
487
+ /* stylelint-disable-line no-empty-source */
@@ -47,8 +47,8 @@
47
47
  }
48
48
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
49
49
  -ms-flex-preferred-size: 0 !important;
50
- flex-basis: 0 !important;
51
- overflow: hidden !important;
50
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
51
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
52
52
  }
53
53
  .e-splitter.e-splitter-horizontal {
54
54
  -ms-flex-direction: row;
@@ -81,8 +81,8 @@
81
81
  }
82
82
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
83
83
  -ms-flex-preferred-size: 0 !important;
84
- flex-basis: 0 !important;
85
- overflow: hidden !important;
84
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
85
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
86
86
  }
87
87
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
88
88
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -482,4 +482,6 @@
482
482
  .e-splitter.e-disabled {
483
483
  opacity: 0.4;
484
484
  pointer-events: none;
485
- }
485
+ }
486
+
487
+ /* stylelint-disable-line no-empty-source */
@@ -54,8 +54,8 @@
54
54
  }
55
55
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
56
56
  -ms-flex-preferred-size: 0 !important;
57
- flex-basis: 0 !important;
58
- overflow: hidden !important;
57
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
58
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
60
  .e-splitter.e-splitter-horizontal {
61
61
  -ms-flex-direction: row;
@@ -88,8 +88,8 @@
88
88
  }
89
89
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
90
90
  -ms-flex-preferred-size: 0 !important;
91
- flex-basis: 0 !important;
92
- overflow: hidden !important;
91
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
92
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
93
93
  }
94
94
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
95
95
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -489,4 +489,6 @@
489
489
  .e-splitter.e-disabled {
490
490
  opacity: 0.4;
491
491
  pointer-events: none;
492
- }
492
+ }
493
+
494
+ /* stylelint-disable-line no-empty-source */
@@ -54,8 +54,8 @@
54
54
  }
55
55
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
56
56
  -ms-flex-preferred-size: 0 !important;
57
- flex-basis: 0 !important;
58
- overflow: hidden !important;
57
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
58
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
60
  .e-splitter.e-splitter-horizontal {
61
61
  -ms-flex-direction: row;
@@ -88,8 +88,8 @@
88
88
  }
89
89
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
90
90
  -ms-flex-preferred-size: 0 !important;
91
- flex-basis: 0 !important;
92
- overflow: hidden !important;
91
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
92
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
93
93
  }
94
94
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
95
95
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -489,4 +489,6 @@
489
489
  .e-splitter.e-disabled {
490
490
  opacity: 0.4;
491
491
  pointer-events: none;
492
- }
492
+ }
493
+
494
+ /* stylelint-disable-line no-empty-source */
@@ -47,8 +47,8 @@
47
47
  }
48
48
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
49
49
  -ms-flex-preferred-size: 0 !important;
50
- flex-basis: 0 !important;
51
- overflow: hidden !important;
50
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
51
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
52
52
  }
53
53
  .e-splitter.e-splitter-horizontal {
54
54
  -ms-flex-direction: row;
@@ -81,8 +81,8 @@
81
81
  }
82
82
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
83
83
  -ms-flex-preferred-size: 0 !important;
84
- flex-basis: 0 !important;
85
- overflow: hidden !important;
84
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
85
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
86
86
  }
87
87
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
88
88
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -482,4 +482,6 @@
482
482
  .e-splitter.e-disabled {
483
483
  opacity: 0.4;
484
484
  pointer-events: none;
485
- }
485
+ }
486
+
487
+ /* stylelint-disable-line no-empty-source */