@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.55

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 (192) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +9 -0
  3. package/dist/es6/ej2-vue-navigations.es2015.js +4 -0
  4. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-navigations.es5.js +4 -0
  6. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-navigations.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/accordion/accordion.component.js +1 -0
  10. package/src/breadcrumb/breadcrumb.component.js +1 -0
  11. package/src/carousel/carousel.component.js +1 -0
  12. package/src/sidebar/sidebar.component.js +1 -0
  13. package/styles/accordion/bootstrap-dark.css +6 -94
  14. package/styles/accordion/bootstrap.css +6 -94
  15. package/styles/accordion/bootstrap4.css +9 -109
  16. package/styles/accordion/bootstrap5-dark.css +3 -88
  17. package/styles/accordion/bootstrap5.css +3 -88
  18. package/styles/accordion/fabric-dark.css +6 -90
  19. package/styles/accordion/fabric.css +6 -90
  20. package/styles/accordion/fluent-dark.css +6 -87
  21. package/styles/accordion/fluent.css +6 -87
  22. package/styles/accordion/highcontrast-light.css +10 -116
  23. package/styles/accordion/highcontrast.css +10 -116
  24. package/styles/accordion/material-dark.css +6 -93
  25. package/styles/accordion/material.css +6 -93
  26. package/styles/accordion/tailwind-dark.css +6 -93
  27. package/styles/accordion/tailwind.css +6 -93
  28. package/styles/bootstrap-dark.css +272 -2023
  29. package/styles/bootstrap.css +272 -2023
  30. package/styles/bootstrap4.css +278 -2086
  31. package/styles/bootstrap5-dark.css +268 -2064
  32. package/styles/bootstrap5.css +268 -2064
  33. package/styles/breadcrumb/bootstrap-dark.css +9 -91
  34. package/styles/breadcrumb/bootstrap.css +9 -91
  35. package/styles/breadcrumb/bootstrap4.css +9 -91
  36. package/styles/breadcrumb/bootstrap5-dark.css +9 -95
  37. package/styles/breadcrumb/bootstrap5.css +9 -95
  38. package/styles/breadcrumb/fabric-dark.css +9 -90
  39. package/styles/breadcrumb/fabric.css +9 -90
  40. package/styles/breadcrumb/fluent-dark.css +9 -83
  41. package/styles/breadcrumb/fluent.css +9 -83
  42. package/styles/breadcrumb/highcontrast-light.css +9 -92
  43. package/styles/breadcrumb/highcontrast.css +9 -92
  44. package/styles/breadcrumb/material-dark.css +9 -86
  45. package/styles/breadcrumb/material.css +9 -86
  46. package/styles/breadcrumb/tailwind-dark.css +16 -100
  47. package/styles/breadcrumb/tailwind.css +16 -100
  48. package/styles/carousel/bootstrap-dark.css +24 -43
  49. package/styles/carousel/bootstrap.css +24 -43
  50. package/styles/carousel/bootstrap4.css +24 -43
  51. package/styles/carousel/bootstrap5-dark.css +24 -43
  52. package/styles/carousel/bootstrap5.css +24 -43
  53. package/styles/carousel/fabric-dark.css +24 -43
  54. package/styles/carousel/fabric.css +24 -43
  55. package/styles/carousel/fluent-dark.css +24 -43
  56. package/styles/carousel/fluent.css +24 -43
  57. package/styles/carousel/highcontrast-light.css +24 -43
  58. package/styles/carousel/highcontrast.css +24 -43
  59. package/styles/carousel/material-dark.css +24 -43
  60. package/styles/carousel/material.css +24 -43
  61. package/styles/carousel/tailwind-dark.css +24 -43
  62. package/styles/carousel/tailwind.css +24 -43
  63. package/styles/context-menu/bootstrap-dark.css +6 -60
  64. package/styles/context-menu/bootstrap.css +6 -60
  65. package/styles/context-menu/bootstrap4.css +6 -60
  66. package/styles/context-menu/bootstrap5-dark.css +6 -60
  67. package/styles/context-menu/bootstrap5.css +6 -60
  68. package/styles/context-menu/fabric-dark.css +6 -60
  69. package/styles/context-menu/fabric.css +6 -60
  70. package/styles/context-menu/fluent-dark.css +6 -60
  71. package/styles/context-menu/fluent.css +6 -60
  72. package/styles/context-menu/highcontrast-light.css +6 -60
  73. package/styles/context-menu/highcontrast.css +6 -60
  74. package/styles/context-menu/material-dark.css +6 -60
  75. package/styles/context-menu/material.css +6 -60
  76. package/styles/context-menu/tailwind-dark.css +6 -60
  77. package/styles/context-menu/tailwind.css +6 -60
  78. package/styles/fabric-dark.css +263 -2008
  79. package/styles/fabric.css +263 -2008
  80. package/styles/fluent-dark.css +263 -2019
  81. package/styles/fluent.css +263 -2019
  82. package/styles/h-scroll/bootstrap-dark.css +11 -67
  83. package/styles/h-scroll/bootstrap.css +11 -67
  84. package/styles/h-scroll/bootstrap4.css +11 -69
  85. package/styles/h-scroll/bootstrap5-dark.css +11 -68
  86. package/styles/h-scroll/bootstrap5.css +11 -68
  87. package/styles/h-scroll/fabric-dark.css +11 -67
  88. package/styles/h-scroll/fabric.css +11 -67
  89. package/styles/h-scroll/fluent-dark.css +11 -68
  90. package/styles/h-scroll/fluent.css +11 -68
  91. package/styles/h-scroll/highcontrast-light.css +11 -70
  92. package/styles/h-scroll/highcontrast.css +11 -70
  93. package/styles/h-scroll/material-dark.css +11 -68
  94. package/styles/h-scroll/material.css +11 -68
  95. package/styles/h-scroll/tailwind-dark.css +11 -68
  96. package/styles/h-scroll/tailwind.css +11 -68
  97. package/styles/highcontrast-light.css +268 -2080
  98. package/styles/highcontrast.css +268 -2083
  99. package/styles/material-dark.css +266 -1977
  100. package/styles/material.css +259 -1969
  101. package/styles/menu/bootstrap-dark.css +27 -201
  102. package/styles/menu/bootstrap.css +27 -201
  103. package/styles/menu/bootstrap4.css +28 -211
  104. package/styles/menu/bootstrap5-dark.css +27 -202
  105. package/styles/menu/bootstrap5.css +27 -202
  106. package/styles/menu/fabric-dark.css +27 -201
  107. package/styles/menu/fabric.css +27 -201
  108. package/styles/menu/fluent-dark.css +27 -204
  109. package/styles/menu/fluent.css +27 -204
  110. package/styles/menu/highcontrast-light.css +27 -201
  111. package/styles/menu/highcontrast.css +27 -201
  112. package/styles/menu/material-dark.css +27 -203
  113. package/styles/menu/material.css +27 -203
  114. package/styles/menu/tailwind-dark.css +27 -202
  115. package/styles/menu/tailwind.css +27 -202
  116. package/styles/sidebar/bootstrap-dark.css +12 -27
  117. package/styles/sidebar/bootstrap.css +12 -27
  118. package/styles/sidebar/bootstrap4.css +12 -27
  119. package/styles/sidebar/bootstrap5-dark.css +10 -25
  120. package/styles/sidebar/bootstrap5.css +10 -25
  121. package/styles/sidebar/fabric-dark.css +12 -27
  122. package/styles/sidebar/fabric.css +12 -27
  123. package/styles/sidebar/fluent-dark.css +10 -25
  124. package/styles/sidebar/fluent.css +10 -25
  125. package/styles/sidebar/highcontrast-light.css +12 -27
  126. package/styles/sidebar/highcontrast.css +12 -27
  127. package/styles/sidebar/material-dark.css +12 -27
  128. package/styles/sidebar/material.css +12 -27
  129. package/styles/sidebar/tailwind-dark.css +10 -25
  130. package/styles/sidebar/tailwind.css +10 -25
  131. package/styles/tab/bootstrap-dark.css +150 -963
  132. package/styles/tab/bootstrap.css +150 -963
  133. package/styles/tab/bootstrap4.css +150 -970
  134. package/styles/tab/bootstrap5-dark.css +150 -975
  135. package/styles/tab/bootstrap5.css +150 -975
  136. package/styles/tab/fabric-dark.css +141 -954
  137. package/styles/tab/fabric.css +141 -954
  138. package/styles/tab/fluent-dark.css +143 -949
  139. package/styles/tab/fluent.css +143 -949
  140. package/styles/tab/highcontrast-light.css +142 -980
  141. package/styles/tab/highcontrast.css +142 -980
  142. package/styles/tab/material-dark.css +144 -916
  143. package/styles/tab/material.css +137 -909
  144. package/styles/tab/tailwind-dark.css +137 -907
  145. package/styles/tab/tailwind.css +137 -907
  146. package/styles/tailwind-dark.css +264 -1996
  147. package/styles/tailwind.css +264 -1996
  148. package/styles/toolbar/bootstrap-dark.css +7 -246
  149. package/styles/toolbar/bootstrap.css +7 -246
  150. package/styles/toolbar/bootstrap4.css +8 -258
  151. package/styles/toolbar/bootstrap5-dark.css +7 -251
  152. package/styles/toolbar/bootstrap5.css +7 -251
  153. package/styles/toolbar/fabric-dark.css +7 -245
  154. package/styles/toolbar/fabric.css +7 -245
  155. package/styles/toolbar/fluent-dark.css +7 -244
  156. package/styles/toolbar/fluent.css +7 -244
  157. package/styles/toolbar/highcontrast-light.css +7 -257
  158. package/styles/toolbar/highcontrast.css +7 -257
  159. package/styles/toolbar/material-dark.css +7 -248
  160. package/styles/toolbar/material.css +7 -248
  161. package/styles/toolbar/tailwind-dark.css +7 -245
  162. package/styles/toolbar/tailwind.css +7 -245
  163. package/styles/treeview/bootstrap-dark.css +23 -191
  164. package/styles/treeview/bootstrap.css +23 -191
  165. package/styles/treeview/bootstrap4.css +24 -208
  166. package/styles/treeview/bootstrap5-dark.css +24 -217
  167. package/styles/treeview/bootstrap5.css +24 -217
  168. package/styles/treeview/fabric-dark.css +23 -191
  169. package/styles/treeview/fabric.css +23 -191
  170. package/styles/treeview/fluent-dark.css +23 -216
  171. package/styles/treeview/fluent.css +23 -216
  172. package/styles/treeview/highcontrast-light.css +23 -191
  173. package/styles/treeview/highcontrast.css +23 -194
  174. package/styles/treeview/material-dark.css +23 -192
  175. package/styles/treeview/material.css +23 -191
  176. package/styles/treeview/tailwind-dark.css +23 -213
  177. package/styles/treeview/tailwind.css +23 -213
  178. package/styles/v-scroll/bootstrap-dark.css +7 -50
  179. package/styles/v-scroll/bootstrap.css +7 -50
  180. package/styles/v-scroll/bootstrap4.css +7 -50
  181. package/styles/v-scroll/bootstrap5-dark.css +7 -50
  182. package/styles/v-scroll/bootstrap5.css +7 -50
  183. package/styles/v-scroll/fabric-dark.css +7 -50
  184. package/styles/v-scroll/fabric.css +7 -50
  185. package/styles/v-scroll/fluent-dark.css +7 -50
  186. package/styles/v-scroll/fluent.css +7 -50
  187. package/styles/v-scroll/highcontrast-light.css +7 -53
  188. package/styles/v-scroll/highcontrast.css +7 -53
  189. package/styles/v-scroll/material-dark.css +7 -51
  190. package/styles/v-scroll/material.css +7 -51
  191. package/styles/v-scroll/tailwind-dark.css +7 -50
  192. package/styles/v-scroll/tailwind.css +7 -50
@@ -2,20 +2,17 @@
2
2
  /*! component's theme wise override definitions and variables */
3
3
  /*! vscroll icons */
4
4
  .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
5
- content: '\e7dd';
5
+ content: "\e7dd";
6
6
  }
7
-
8
7
  .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
9
- content: '\e734';
8
+ content: "\e734";
10
9
  }
11
-
12
10
  .e-vscroll .e-nav-up-arrow::before {
13
- content: '\e7dd';
11
+ content: "\e7dd";
14
12
  line-height: normal;
15
13
  }
16
-
17
14
  .e-vscroll .e-nav-down-arrow::before {
18
- content: '\e734';
15
+ content: "\e734";
19
16
  line-height: normal;
20
17
  }
21
18
 
@@ -24,22 +21,18 @@
24
21
  .e-vscroll.e-bigger:not(.e-scroll-device) {
25
22
  padding: 48px 0;
26
23
  }
27
-
28
24
  .e-bigger .e-vscroll .e-icons,
29
25
  .e-vscroll.e-bigger .e-icons {
30
26
  font-size: 18px;
31
27
  }
32
-
33
28
  .e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay,
34
29
  .e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay {
35
30
  left: 48px;
36
31
  }
37
-
38
32
  .e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay,
39
33
  .e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay {
40
34
  right: 48px;
41
35
  }
42
-
43
36
  .e-bigger .e-vscroll .e-scroll-nav,
44
37
  .e-vscroll.e-bigger .e-scroll-nav {
45
38
  height: 48px;
@@ -50,37 +43,30 @@
50
43
  position: relative;
51
44
  width: inherit;
52
45
  }
53
-
54
46
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
55
47
  transform: skewX(-16deg) translateX(-6px);
56
48
  }
57
-
58
49
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
59
50
  left: 48px;
60
51
  right: auto;
61
52
  transform: skewX(-16deg) translateX(-6px);
62
53
  }
63
-
64
54
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
65
55
  left: auto;
66
56
  right: 0;
67
57
  }
68
-
69
58
  .e-vscroll:not(.e-scroll-device) {
70
59
  padding: 0 28px;
71
60
  }
72
-
73
61
  .e-vscroll.e-scroll-device .e-scroll-nav {
74
62
  transform: skewX(-16deg) translateX(6px);
75
63
  width: 48px;
76
64
  z-index: 1001;
77
65
  }
78
-
79
66
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
80
67
  font-size: 14px;
81
68
  transform: skewX(16deg);
82
69
  }
83
-
84
70
  .e-vscroll.e-scroll-device .e-scroll-overlay {
85
71
  opacity: 0.5;
86
72
  pointer-events: none;
@@ -88,22 +74,18 @@
88
74
  top: 0;
89
75
  z-index: 100;
90
76
  }
91
-
92
77
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
93
78
  left: auto;
94
79
  right: 48px;
95
80
  transform: skewX(-16deg) translateX(6px);
96
81
  }
97
-
98
82
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
99
83
  left: 0;
100
84
  right: auto;
101
85
  }
102
-
103
86
  .e-vscroll > * {
104
87
  height: inherit;
105
88
  }
106
-
107
89
  .e-vscroll .e-vscroll-content {
108
90
  display: inline-block;
109
91
  height: auto;
@@ -112,21 +94,17 @@
112
94
  touch-action: none;
113
95
  width: 100%;
114
96
  }
115
-
116
97
  .e-vscroll .e-vscroll-content > * {
117
98
  pointer-events: auto;
118
99
  }
119
-
120
100
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
121
101
  left: auto;
122
102
  right: 0;
123
103
  }
124
-
125
104
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
126
105
  left: 0;
127
106
  right: auto;
128
107
  }
129
-
130
108
  .e-vscroll .e-scroll-nav {
131
109
  -ms-flex-align: center;
132
110
  align-items: center;
@@ -138,23 +116,18 @@
138
116
  position: absolute;
139
117
  width: 100%;
140
118
  }
141
-
142
119
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
143
120
  top: 0;
144
121
  }
145
-
146
122
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
147
123
  bottom: 0;
148
124
  }
149
-
150
125
  .e-vscroll .e-scroll-nav.e-ie-align {
151
126
  display: table;
152
127
  }
153
-
154
128
  .e-vscroll .e-nav-arrow {
155
129
  position: relative;
156
130
  }
157
-
158
131
  .e-vscroll .e-nav-arrow.e-icons {
159
132
  display: table-cell;
160
133
  text-align: center;
@@ -166,83 +139,67 @@
166
139
  .e-vscroll .e-icons {
167
140
  color: #d1d5db;
168
141
  }
169
-
170
142
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
171
143
  border-color: #d1d5db;
172
144
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
173
145
  }
174
-
175
146
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
176
147
  background-color: #374151;
177
148
  border-color: #d1d5db;
178
149
  border-width: 1px;
179
150
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
180
151
  }
181
-
182
152
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
183
153
  color: #d1d5db;
184
154
  }
185
-
186
155
  .e-vscroll .e-scroll-overlay {
187
156
  background-color: transparent;
188
157
  background-repeat: repeat-x;
189
158
  }
190
-
191
159
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
192
160
  background-image: linear-gradient(-270deg, #374151 0%, rgba(55, 65, 81, 0) 100%);
193
161
  }
194
-
195
162
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
196
163
  background-image: linear-gradient(-270deg, rgba(55, 65, 81, 0) 0%, #374151 100%);
197
164
  }
198
-
199
165
  .e-vscroll.e-rtl .e-scroll-nav {
200
166
  background: #374151;
201
167
  }
202
-
203
168
  .e-vscroll.e-rtl .e-scroll-nav:hover {
204
169
  background: #4b5563;
205
170
  border: 0;
206
171
  border-color: transparent;
207
172
  color: #9ca3af;
208
173
  }
209
-
210
174
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
211
175
  background: #4b5563;
212
176
  border: 0;
213
177
  color: #9ca3af;
214
178
  }
215
-
216
179
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
217
180
  background: #4b5563;
218
181
  border: 0;
219
182
  border-color: transparent;
220
183
  color: #9ca3af;
221
184
  }
222
-
223
185
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
224
186
  background: #4b5563;
225
187
  border: 0;
226
188
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
227
189
  color: #9ca3af;
228
190
  }
229
-
230
191
  .e-vscroll .e-scroll-nav {
231
192
  background: #374151;
232
193
  }
233
-
234
194
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
235
195
  border-bottom: 1px solid #d1d5db;
236
196
  }
237
-
238
197
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
239
198
  border-top: 1px solid #d1d5db;
240
199
  }
241
-
242
200
  .e-vscroll .e-scroll-nav::after {
243
- content: '';
201
+ content: "";
244
202
  }
245
-
246
203
  .e-vscroll .e-scroll-nav:active::after {
247
- content: '';
248
- }
204
+ content: "";
205
+ }
@@ -2,20 +2,17 @@
2
2
  /*! component's theme wise override definitions and variables */
3
3
  /*! vscroll icons */
4
4
  .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
5
- content: '\e7dd';
5
+ content: "\e7dd";
6
6
  }
7
-
8
7
  .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
9
- content: '\e734';
8
+ content: "\e734";
10
9
  }
11
-
12
10
  .e-vscroll .e-nav-up-arrow::before {
13
- content: '\e7dd';
11
+ content: "\e7dd";
14
12
  line-height: normal;
15
13
  }
16
-
17
14
  .e-vscroll .e-nav-down-arrow::before {
18
- content: '\e734';
15
+ content: "\e734";
19
16
  line-height: normal;
20
17
  }
21
18
 
@@ -24,22 +21,18 @@
24
21
  .e-vscroll.e-bigger:not(.e-scroll-device) {
25
22
  padding: 48px 0;
26
23
  }
27
-
28
24
  .e-bigger .e-vscroll .e-icons,
29
25
  .e-vscroll.e-bigger .e-icons {
30
26
  font-size: 18px;
31
27
  }
32
-
33
28
  .e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay,
34
29
  .e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay {
35
30
  left: 48px;
36
31
  }
37
-
38
32
  .e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay,
39
33
  .e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay {
40
34
  right: 48px;
41
35
  }
42
-
43
36
  .e-bigger .e-vscroll .e-scroll-nav,
44
37
  .e-vscroll.e-bigger .e-scroll-nav {
45
38
  height: 48px;
@@ -50,37 +43,30 @@
50
43
  position: relative;
51
44
  width: inherit;
52
45
  }
53
-
54
46
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
55
47
  transform: skewX(-16deg) translateX(-6px);
56
48
  }
57
-
58
49
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
59
50
  left: 48px;
60
51
  right: auto;
61
52
  transform: skewX(-16deg) translateX(-6px);
62
53
  }
63
-
64
54
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
65
55
  left: auto;
66
56
  right: 0;
67
57
  }
68
-
69
58
  .e-vscroll:not(.e-scroll-device) {
70
59
  padding: 0 28px;
71
60
  }
72
-
73
61
  .e-vscroll.e-scroll-device .e-scroll-nav {
74
62
  transform: skewX(-16deg) translateX(6px);
75
63
  width: 48px;
76
64
  z-index: 1001;
77
65
  }
78
-
79
66
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
80
67
  font-size: 14px;
81
68
  transform: skewX(16deg);
82
69
  }
83
-
84
70
  .e-vscroll.e-scroll-device .e-scroll-overlay {
85
71
  opacity: 0.5;
86
72
  pointer-events: none;
@@ -88,22 +74,18 @@
88
74
  top: 0;
89
75
  z-index: 100;
90
76
  }
91
-
92
77
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
93
78
  left: auto;
94
79
  right: 48px;
95
80
  transform: skewX(-16deg) translateX(6px);
96
81
  }
97
-
98
82
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
99
83
  left: 0;
100
84
  right: auto;
101
85
  }
102
-
103
86
  .e-vscroll > * {
104
87
  height: inherit;
105
88
  }
106
-
107
89
  .e-vscroll .e-vscroll-content {
108
90
  display: inline-block;
109
91
  height: auto;
@@ -112,21 +94,17 @@
112
94
  touch-action: none;
113
95
  width: 100%;
114
96
  }
115
-
116
97
  .e-vscroll .e-vscroll-content > * {
117
98
  pointer-events: auto;
118
99
  }
119
-
120
100
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
121
101
  left: auto;
122
102
  right: 0;
123
103
  }
124
-
125
104
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
126
105
  left: 0;
127
106
  right: auto;
128
107
  }
129
-
130
108
  .e-vscroll .e-scroll-nav {
131
109
  -ms-flex-align: center;
132
110
  align-items: center;
@@ -138,23 +116,18 @@
138
116
  position: absolute;
139
117
  width: 100%;
140
118
  }
141
-
142
119
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
143
120
  top: 0;
144
121
  }
145
-
146
122
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
147
123
  bottom: 0;
148
124
  }
149
-
150
125
  .e-vscroll .e-scroll-nav.e-ie-align {
151
126
  display: table;
152
127
  }
153
-
154
128
  .e-vscroll .e-nav-arrow {
155
129
  position: relative;
156
130
  }
157
-
158
131
  .e-vscroll .e-nav-arrow.e-icons {
159
132
  display: table-cell;
160
133
  text-align: center;
@@ -166,83 +139,67 @@
166
139
  .e-vscroll .e-icons {
167
140
  color: #6b7280;
168
141
  }
169
-
170
142
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
171
143
  border-color: #6b7280;
172
144
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
173
145
  }
174
-
175
146
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
176
147
  background-color: #f3f4f6;
177
148
  border-color: #6b7280;
178
149
  border-width: 1px;
179
150
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
180
151
  }
181
-
182
152
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
183
153
  color: #6b7280;
184
154
  }
185
-
186
155
  .e-vscroll .e-scroll-overlay {
187
156
  background-color: transparent;
188
157
  background-repeat: repeat-x;
189
158
  }
190
-
191
159
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
192
160
  background-image: linear-gradient(-270deg, #f3f4f6 0%, rgba(243, 244, 246, 0) 100%);
193
161
  }
194
-
195
162
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
196
163
  background-image: linear-gradient(-270deg, rgba(243, 244, 246, 0) 0%, #f3f4f6 100%);
197
164
  }
198
-
199
165
  .e-vscroll.e-rtl .e-scroll-nav {
200
166
  background: #f3f4f6;
201
167
  }
202
-
203
168
  .e-vscroll.e-rtl .e-scroll-nav:hover {
204
169
  background: #e5e7eb;
205
170
  border: 0;
206
171
  border-color: transparent;
207
172
  color: #6b7280;
208
173
  }
209
-
210
174
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
211
175
  background: #e5e7eb;
212
176
  border: 0;
213
177
  color: #6b7280;
214
178
  }
215
-
216
179
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
217
180
  background: #e5e7eb;
218
181
  border: 0;
219
182
  border-color: transparent;
220
183
  color: #6b7280;
221
184
  }
222
-
223
185
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
224
186
  background: #e5e7eb;
225
187
  border: 0;
226
188
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
227
189
  color: #6b7280;
228
190
  }
229
-
230
191
  .e-vscroll .e-scroll-nav {
231
192
  background: #f3f4f6;
232
193
  }
233
-
234
194
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
235
195
  border-bottom: 1px solid #6b7280;
236
196
  }
237
-
238
197
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
239
198
  border-top: 1px solid #6b7280;
240
199
  }
241
-
242
200
  .e-vscroll .e-scroll-nav::after {
243
- content: '';
201
+ content: "";
244
202
  }
245
-
246
203
  .e-vscroll .e-scroll-nav:active::after {
247
- content: '';
248
- }
204
+ content: "";
205
+ }