@syncfusion/ej2-navigations 20.1.51 → 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 (193) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +18 -6
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +18 -6
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/carousel/carousel.js +18 -6
  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 +271 -2022
  29. package/styles/bootstrap.css +271 -2022
  30. package/styles/bootstrap4.css +277 -2085
  31. package/styles/bootstrap5-dark.css +267 -2063
  32. package/styles/bootstrap5.css +267 -2063
  33. package/styles/breadcrumb/bootstrap-dark.css +8 -90
  34. package/styles/breadcrumb/bootstrap.css +8 -90
  35. package/styles/breadcrumb/bootstrap4.css +8 -90
  36. package/styles/breadcrumb/bootstrap5-dark.css +8 -94
  37. package/styles/breadcrumb/bootstrap5.css +8 -94
  38. package/styles/breadcrumb/fabric-dark.css +8 -89
  39. package/styles/breadcrumb/fabric.css +8 -89
  40. package/styles/breadcrumb/fluent-dark.css +8 -82
  41. package/styles/breadcrumb/fluent.css +8 -82
  42. package/styles/breadcrumb/highcontrast-light.css +8 -91
  43. package/styles/breadcrumb/highcontrast.css +8 -91
  44. package/styles/breadcrumb/material-dark.css +8 -85
  45. package/styles/breadcrumb/material.css +8 -85
  46. package/styles/breadcrumb/tailwind-dark.css +8 -92
  47. package/styles/breadcrumb/tailwind.css +8 -92
  48. package/styles/carousel/_layout.scss +19 -1
  49. package/styles/carousel/bootstrap-dark.css +24 -43
  50. package/styles/carousel/bootstrap.css +24 -43
  51. package/styles/carousel/bootstrap4.css +24 -43
  52. package/styles/carousel/bootstrap5-dark.css +24 -43
  53. package/styles/carousel/bootstrap5.css +24 -43
  54. package/styles/carousel/fabric-dark.css +24 -43
  55. package/styles/carousel/fabric.css +24 -43
  56. package/styles/carousel/fluent-dark.css +24 -43
  57. package/styles/carousel/fluent.css +24 -43
  58. package/styles/carousel/highcontrast-light.css +24 -43
  59. package/styles/carousel/highcontrast.css +24 -43
  60. package/styles/carousel/material-dark.css +24 -43
  61. package/styles/carousel/material.css +24 -43
  62. package/styles/carousel/tailwind-dark.css +24 -43
  63. package/styles/carousel/tailwind.css +24 -43
  64. package/styles/context-menu/bootstrap-dark.css +6 -60
  65. package/styles/context-menu/bootstrap.css +6 -60
  66. package/styles/context-menu/bootstrap4.css +6 -60
  67. package/styles/context-menu/bootstrap5-dark.css +6 -60
  68. package/styles/context-menu/bootstrap5.css +6 -60
  69. package/styles/context-menu/fabric-dark.css +6 -60
  70. package/styles/context-menu/fabric.css +6 -60
  71. package/styles/context-menu/fluent-dark.css +6 -60
  72. package/styles/context-menu/fluent.css +6 -60
  73. package/styles/context-menu/highcontrast-light.css +6 -60
  74. package/styles/context-menu/highcontrast.css +6 -60
  75. package/styles/context-menu/material-dark.css +6 -60
  76. package/styles/context-menu/material.css +6 -60
  77. package/styles/context-menu/tailwind-dark.css +6 -60
  78. package/styles/context-menu/tailwind.css +6 -60
  79. package/styles/fabric-dark.css +262 -2007
  80. package/styles/fabric.css +262 -2007
  81. package/styles/fluent-dark.css +262 -2018
  82. package/styles/fluent.css +262 -2018
  83. package/styles/h-scroll/bootstrap-dark.css +11 -67
  84. package/styles/h-scroll/bootstrap.css +11 -67
  85. package/styles/h-scroll/bootstrap4.css +11 -69
  86. package/styles/h-scroll/bootstrap5-dark.css +11 -68
  87. package/styles/h-scroll/bootstrap5.css +11 -68
  88. package/styles/h-scroll/fabric-dark.css +11 -67
  89. package/styles/h-scroll/fabric.css +11 -67
  90. package/styles/h-scroll/fluent-dark.css +11 -68
  91. package/styles/h-scroll/fluent.css +11 -68
  92. package/styles/h-scroll/highcontrast-light.css +11 -70
  93. package/styles/h-scroll/highcontrast.css +11 -70
  94. package/styles/h-scroll/material-dark.css +11 -68
  95. package/styles/h-scroll/material.css +11 -68
  96. package/styles/h-scroll/tailwind-dark.css +11 -68
  97. package/styles/h-scroll/tailwind.css +11 -68
  98. package/styles/highcontrast-light.css +267 -2079
  99. package/styles/highcontrast.css +267 -2082
  100. package/styles/material-dark.css +265 -1976
  101. package/styles/material.css +258 -1968
  102. package/styles/menu/bootstrap-dark.css +27 -201
  103. package/styles/menu/bootstrap.css +27 -201
  104. package/styles/menu/bootstrap4.css +28 -211
  105. package/styles/menu/bootstrap5-dark.css +27 -202
  106. package/styles/menu/bootstrap5.css +27 -202
  107. package/styles/menu/fabric-dark.css +27 -201
  108. package/styles/menu/fabric.css +27 -201
  109. package/styles/menu/fluent-dark.css +27 -204
  110. package/styles/menu/fluent.css +27 -204
  111. package/styles/menu/highcontrast-light.css +27 -201
  112. package/styles/menu/highcontrast.css +27 -201
  113. package/styles/menu/material-dark.css +27 -203
  114. package/styles/menu/material.css +27 -203
  115. package/styles/menu/tailwind-dark.css +27 -202
  116. package/styles/menu/tailwind.css +27 -202
  117. package/styles/sidebar/bootstrap-dark.css +12 -27
  118. package/styles/sidebar/bootstrap.css +12 -27
  119. package/styles/sidebar/bootstrap4.css +12 -27
  120. package/styles/sidebar/bootstrap5-dark.css +10 -25
  121. package/styles/sidebar/bootstrap5.css +10 -25
  122. package/styles/sidebar/fabric-dark.css +12 -27
  123. package/styles/sidebar/fabric.css +12 -27
  124. package/styles/sidebar/fluent-dark.css +10 -25
  125. package/styles/sidebar/fluent.css +10 -25
  126. package/styles/sidebar/highcontrast-light.css +12 -27
  127. package/styles/sidebar/highcontrast.css +12 -27
  128. package/styles/sidebar/material-dark.css +12 -27
  129. package/styles/sidebar/material.css +12 -27
  130. package/styles/sidebar/tailwind-dark.css +10 -25
  131. package/styles/sidebar/tailwind.css +10 -25
  132. package/styles/tab/bootstrap-dark.css +150 -963
  133. package/styles/tab/bootstrap.css +150 -963
  134. package/styles/tab/bootstrap4.css +150 -970
  135. package/styles/tab/bootstrap5-dark.css +150 -975
  136. package/styles/tab/bootstrap5.css +150 -975
  137. package/styles/tab/fabric-dark.css +141 -954
  138. package/styles/tab/fabric.css +141 -954
  139. package/styles/tab/fluent-dark.css +143 -949
  140. package/styles/tab/fluent.css +143 -949
  141. package/styles/tab/highcontrast-light.css +142 -980
  142. package/styles/tab/highcontrast.css +142 -980
  143. package/styles/tab/material-dark.css +144 -916
  144. package/styles/tab/material.css +137 -909
  145. package/styles/tab/tailwind-dark.css +137 -907
  146. package/styles/tab/tailwind.css +137 -907
  147. package/styles/tailwind-dark.css +256 -1988
  148. package/styles/tailwind.css +256 -1988
  149. package/styles/toolbar/bootstrap-dark.css +7 -246
  150. package/styles/toolbar/bootstrap.css +7 -246
  151. package/styles/toolbar/bootstrap4.css +8 -258
  152. package/styles/toolbar/bootstrap5-dark.css +7 -251
  153. package/styles/toolbar/bootstrap5.css +7 -251
  154. package/styles/toolbar/fabric-dark.css +7 -245
  155. package/styles/toolbar/fabric.css +7 -245
  156. package/styles/toolbar/fluent-dark.css +7 -244
  157. package/styles/toolbar/fluent.css +7 -244
  158. package/styles/toolbar/highcontrast-light.css +7 -257
  159. package/styles/toolbar/highcontrast.css +7 -257
  160. package/styles/toolbar/material-dark.css +7 -248
  161. package/styles/toolbar/material.css +7 -248
  162. package/styles/toolbar/tailwind-dark.css +7 -245
  163. package/styles/toolbar/tailwind.css +7 -245
  164. package/styles/treeview/bootstrap-dark.css +23 -191
  165. package/styles/treeview/bootstrap.css +23 -191
  166. package/styles/treeview/bootstrap4.css +24 -208
  167. package/styles/treeview/bootstrap5-dark.css +24 -217
  168. package/styles/treeview/bootstrap5.css +24 -217
  169. package/styles/treeview/fabric-dark.css +23 -191
  170. package/styles/treeview/fabric.css +23 -191
  171. package/styles/treeview/fluent-dark.css +23 -216
  172. package/styles/treeview/fluent.css +23 -216
  173. package/styles/treeview/highcontrast-light.css +23 -191
  174. package/styles/treeview/highcontrast.css +23 -194
  175. package/styles/treeview/material-dark.css +23 -192
  176. package/styles/treeview/material.css +23 -191
  177. package/styles/treeview/tailwind-dark.css +23 -213
  178. package/styles/treeview/tailwind.css +23 -213
  179. package/styles/v-scroll/bootstrap-dark.css +7 -50
  180. package/styles/v-scroll/bootstrap.css +7 -50
  181. package/styles/v-scroll/bootstrap4.css +7 -50
  182. package/styles/v-scroll/bootstrap5-dark.css +7 -50
  183. package/styles/v-scroll/bootstrap5.css +7 -50
  184. package/styles/v-scroll/fabric-dark.css +7 -50
  185. package/styles/v-scroll/fabric.css +7 -50
  186. package/styles/v-scroll/fluent-dark.css +7 -50
  187. package/styles/v-scroll/fluent.css +7 -50
  188. package/styles/v-scroll/highcontrast-light.css +7 -53
  189. package/styles/v-scroll/highcontrast.css +7 -53
  190. package/styles/v-scroll/material-dark.css +7 -51
  191. package/styles/v-scroll/material.css +7 -51
  192. package/styles/v-scroll/tailwind-dark.css +7 -50
  193. package/styles/v-scroll/tailwind.css +7 -50
@@ -1,35 +1,28 @@
1
1
  /*! hscroll icons */
2
2
  .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
3
- content: '\e904';
3
+ content: "\e904";
4
4
  }
5
-
6
5
  .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
7
- content: '\e913';
6
+ content: "\e913";
8
7
  }
9
-
10
8
  .e-hscroll.e-rtl .e-nav-left-arrow::before {
11
- content: '\e848';
9
+ content: "\e848";
12
10
  }
13
-
14
11
  .e-hscroll.e-rtl .e-nav-right-arrow::before {
15
- content: '\e84b';
12
+ content: "\e84b";
16
13
  }
17
-
18
14
  .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
19
- content: '\e913';
15
+ content: "\e913";
20
16
  }
21
-
22
17
  .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
23
- content: '\e904';
18
+ content: "\e904";
24
19
  }
25
-
26
20
  .e-hscroll .e-nav-left-arrow::before {
27
- content: '\e84b';
21
+ content: "\e84b";
28
22
  line-height: normal;
29
23
  }
30
-
31
24
  .e-hscroll .e-nav-right-arrow::before {
32
- content: '\e848';
25
+ content: "\e848";
33
26
  line-height: normal;
34
27
  }
35
28
 
@@ -38,38 +31,31 @@
38
31
  .e-hscroll.e-bigger {
39
32
  min-height: 50px;
40
33
  }
41
-
42
34
  .e-bigger .e-hscroll:not(.e-scroll-device),
43
35
  .e-hscroll.e-bigger:not(.e-scroll-device) {
44
36
  padding: 0 50px;
45
37
  }
46
-
47
38
  .e-bigger .e-hscroll.e-scroll-device,
48
39
  .e-hscroll.e-bigger.e-scroll-device {
49
40
  padding-right: 50px;
50
41
  }
51
-
52
42
  .e-bigger .e-hscroll.e-rtl.e-scroll-device,
53
43
  .e-hscroll.e-bigger.e-rtl.e-scroll-device {
54
44
  padding-left: 50px;
55
45
  padding-right: initial;
56
46
  }
57
-
58
47
  .e-bigger .e-hscroll .e-nav-arrow.e-icons,
59
48
  .e-hscroll.e-bigger .e-nav-arrow.e-icons {
60
49
  font-size: 14px;
61
50
  }
62
-
63
51
  .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
64
52
  .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
65
53
  left: 50px;
66
54
  }
67
-
68
55
  .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
69
56
  .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
70
57
  right: 50px;
71
58
  }
72
-
73
59
  .e-bigger .e-hscroll .e-scroll-nav,
74
60
  .e-hscroll.e-bigger .e-scroll-nav {
75
61
  min-height: 50px;
@@ -81,45 +67,36 @@
81
67
  position: relative;
82
68
  width: inherit;
83
69
  }
84
-
85
70
  .e-hscroll.e-rtl.e-scroll-device {
86
71
  padding-left: 50px;
87
72
  padding-right: initial;
88
73
  }
89
-
90
74
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
91
75
  transform: skewX(-16deg) translateX(-6px);
92
76
  }
93
-
94
77
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
95
78
  left: 50px;
96
79
  right: auto;
97
80
  transform: skewX(-16deg) translateX(-6px);
98
81
  }
99
-
100
82
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
101
83
  left: auto;
102
84
  right: 0;
103
85
  }
104
-
105
86
  .e-hscroll:not(.e-scroll-device) {
106
87
  padding: 0 40px;
107
88
  }
108
-
109
89
  .e-hscroll.e-scroll-device {
110
90
  padding-right: 50px;
111
91
  }
112
-
113
92
  .e-hscroll.e-scroll-device .e-scroll-nav {
114
93
  transform: skewX(-16deg) translateX(6px);
115
94
  width: 50px;
116
95
  }
117
-
118
96
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
119
97
  font-size: 14px;
120
98
  transform: skewX(16deg);
121
99
  }
122
-
123
100
  .e-hscroll.e-scroll-device .e-scroll-overlay {
124
101
  opacity: 0.5;
125
102
  pointer-events: none;
@@ -127,26 +104,21 @@
127
104
  top: 0;
128
105
  z-index: 100;
129
106
  }
130
-
131
107
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
132
108
  left: auto;
133
109
  right: 50px;
134
110
  transform: skewX(-16deg) translateX(6px);
135
111
  }
136
-
137
112
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
138
113
  left: 0;
139
114
  right: auto;
140
115
  }
141
-
142
116
  .e-hscroll.e-overlay .e-hscroll-content > * {
143
117
  pointer-events: none;
144
118
  }
145
-
146
119
  .e-hscroll > * {
147
120
  height: inherit;
148
121
  }
149
-
150
122
  .e-hscroll .e-hscroll-content {
151
123
  display: inline-block;
152
124
  height: inherit;
@@ -154,21 +126,17 @@
154
126
  -ms-touch-action: none;
155
127
  touch-action: none;
156
128
  }
157
-
158
129
  .e-hscroll .e-hscroll-content > * {
159
130
  pointer-events: auto;
160
131
  }
161
-
162
132
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
163
133
  left: 0;
164
134
  right: auto;
165
135
  }
166
-
167
136
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
168
137
  left: auto;
169
138
  right: 0;
170
139
  }
171
-
172
140
  .e-hscroll .e-scroll-nav {
173
141
  -ms-flex-align: center;
174
142
  align-items: center;
@@ -182,30 +150,24 @@
182
150
  top: 0;
183
151
  width: 40px;
184
152
  }
185
-
186
153
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
187
154
  left: 0;
188
155
  }
189
-
190
156
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
191
157
  right: 0;
192
158
  }
193
-
194
159
  .e-hscroll .e-scroll-nav.e-ie-align {
195
160
  display: table;
196
161
  }
197
-
198
162
  .e-hscroll .e-nav-arrow {
199
163
  position: relative;
200
164
  }
201
-
202
165
  .e-hscroll .e-nav-arrow.e-icons {
203
166
  display: table-cell;
204
167
  text-align: center;
205
168
  vertical-align: middle;
206
169
  width: 100%;
207
170
  }
208
-
209
171
  .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
210
172
  pointer-events: none;
211
173
  }
@@ -214,91 +176,73 @@
214
176
  .e-hscroll .e-scroll-nav .e-icons {
215
177
  color: #f0f0f0;
216
178
  }
217
-
218
179
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
219
180
  border-color: #1a1a1a;
220
181
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
221
182
  }
222
-
223
183
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
224
184
  background-color: #131313;
225
185
  border-color: #1a1a1a;
226
186
  border-width: 0;
227
187
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.6);
228
188
  }
229
-
230
189
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
231
190
  color: #fff;
232
191
  }
233
-
234
192
  .e-hscroll .e-scroll-overlay {
235
193
  background-color: transparent;
236
194
  background-repeat: repeat-x;
237
195
  }
238
-
239
196
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
240
197
  background-image: linear-gradient(to right, rgba(19, 19, 19, 0.5) 0, rgba(19, 19, 19, 0.0001) 100%);
241
198
  }
242
-
243
199
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
244
200
  background-image: linear-gradient(to right, rgba(19, 19, 19, 0.0001) 0, rgba(19, 19, 19, 0.5) 100%);
245
201
  }
246
-
247
202
  .e-hscroll.e-rtl .e-scroll-nav {
248
203
  background: #131313;
249
204
  }
250
-
251
205
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
252
206
  border-left: 1px solid #505050;
253
207
  border-right: 0;
254
208
  }
255
-
256
209
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
257
210
  border-left: 0;
258
211
  border-right: 1px solid #505050;
259
212
  }
260
-
261
213
  .e-hscroll.e-rtl .e-scroll-nav:hover {
262
214
  background: #393939;
263
215
  border: 0;
264
216
  color: #fff;
265
217
  }
266
-
267
218
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
268
219
  background: #393939;
269
220
  border: 0;
270
221
  color: #fff;
271
222
  }
272
-
273
223
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
274
224
  background: #393939;
275
225
  border: 0;
276
226
  color: #fff;
277
227
  }
278
-
279
228
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
280
229
  background: #2a2a2a;
281
230
  border: 0;
282
231
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
283
232
  color: #fff;
284
233
  }
285
-
286
234
  .e-hscroll .e-scroll-nav {
287
235
  background: #131313;
288
236
  }
289
-
290
237
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
291
238
  border-right: 1px solid #505050;
292
239
  }
293
-
294
240
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
295
241
  border-left: 1px solid #505050;
296
242
  }
297
-
298
243
  .e-hscroll .e-scroll-nav::after {
299
- content: '';
244
+ content: "";
300
245
  }
301
-
302
246
  .e-hscroll .e-scroll-nav:active::after {
303
- content: '';
304
- }
247
+ content: "";
248
+ }
@@ -1,36 +1,29 @@
1
1
  /*! component's theme wise override definitions and variables */
2
2
  /*! hscroll icons */
3
3
  .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
4
- content: '\e904';
4
+ content: "\e904";
5
5
  }
6
-
7
6
  .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
8
- content: '\e913';
7
+ content: "\e913";
9
8
  }
10
-
11
9
  .e-hscroll.e-rtl .e-nav-left-arrow::before {
12
- content: '\e848';
10
+ content: "\e848";
13
11
  }
14
-
15
12
  .e-hscroll.e-rtl .e-nav-right-arrow::before {
16
- content: '\e84b';
13
+ content: "\e84b";
17
14
  }
18
-
19
15
  .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
20
- content: '\e913';
16
+ content: "\e913";
21
17
  }
22
-
23
18
  .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
24
- content: '\e904';
19
+ content: "\e904";
25
20
  }
26
-
27
21
  .e-hscroll .e-nav-left-arrow::before {
28
- content: '\e84b';
22
+ content: "\e84b";
29
23
  line-height: normal;
30
24
  }
31
-
32
25
  .e-hscroll .e-nav-right-arrow::before {
33
- content: '\e848';
26
+ content: "\e848";
34
27
  line-height: normal;
35
28
  }
36
29
 
@@ -39,38 +32,31 @@
39
32
  .e-hscroll.e-bigger {
40
33
  min-height: 50px;
41
34
  }
42
-
43
35
  .e-bigger .e-hscroll:not(.e-scroll-device),
44
36
  .e-hscroll.e-bigger:not(.e-scroll-device) {
45
37
  padding: 0 50px;
46
38
  }
47
-
48
39
  .e-bigger .e-hscroll.e-scroll-device,
49
40
  .e-hscroll.e-bigger.e-scroll-device {
50
41
  padding-right: 50px;
51
42
  }
52
-
53
43
  .e-bigger .e-hscroll.e-rtl.e-scroll-device,
54
44
  .e-hscroll.e-bigger.e-rtl.e-scroll-device {
55
45
  padding-left: 50px;
56
46
  padding-right: initial;
57
47
  }
58
-
59
48
  .e-bigger .e-hscroll .e-nav-arrow.e-icons,
60
49
  .e-hscroll.e-bigger .e-nav-arrow.e-icons {
61
50
  font-size: 14px;
62
51
  }
63
-
64
52
  .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
65
53
  .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
66
54
  left: 50px;
67
55
  }
68
-
69
56
  .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
70
57
  .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
71
58
  right: 50px;
72
59
  }
73
-
74
60
  .e-bigger .e-hscroll .e-scroll-nav,
75
61
  .e-hscroll.e-bigger .e-scroll-nav {
76
62
  min-height: 50px;
@@ -82,45 +68,36 @@
82
68
  position: relative;
83
69
  width: inherit;
84
70
  }
85
-
86
71
  .e-hscroll.e-rtl.e-scroll-device {
87
72
  padding-left: 50px;
88
73
  padding-right: initial;
89
74
  }
90
-
91
75
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
92
76
  transform: skewX(-16deg) translateX(-6px);
93
77
  }
94
-
95
78
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
96
79
  left: 52px;
97
80
  right: auto;
98
81
  transform: skewX(-16deg) translateX(-6px);
99
82
  }
100
-
101
83
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
102
84
  left: auto;
103
85
  right: 0;
104
86
  }
105
-
106
87
  .e-hscroll:not(.e-scroll-device) {
107
88
  padding: 0 40px;
108
89
  }
109
-
110
90
  .e-hscroll.e-scroll-device {
111
91
  padding-right: 50px;
112
92
  }
113
-
114
93
  .e-hscroll.e-scroll-device .e-scroll-nav {
115
94
  transform: skewX(-16deg) translateX(6px);
116
95
  width: 52px;
117
96
  }
118
-
119
97
  .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
120
98
  font-size: 14px;
121
99
  transform: skewX(16deg);
122
100
  }
123
-
124
101
  .e-hscroll.e-scroll-device .e-scroll-overlay {
125
102
  opacity: 0.5;
126
103
  pointer-events: none;
@@ -128,26 +105,21 @@
128
105
  top: 0;
129
106
  z-index: 100;
130
107
  }
131
-
132
108
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
133
109
  left: auto;
134
110
  right: 52px;
135
111
  transform: skewX(-16deg) translateX(6px);
136
112
  }
137
-
138
113
  .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
139
114
  left: 0;
140
115
  right: auto;
141
116
  }
142
-
143
117
  .e-hscroll.e-overlay .e-hscroll-content > * {
144
118
  pointer-events: none;
145
119
  }
146
-
147
120
  .e-hscroll > * {
148
121
  height: inherit;
149
122
  }
150
-
151
123
  .e-hscroll .e-hscroll-content {
152
124
  display: inline-block;
153
125
  height: inherit;
@@ -155,21 +127,17 @@
155
127
  -ms-touch-action: none;
156
128
  touch-action: none;
157
129
  }
158
-
159
130
  .e-hscroll .e-hscroll-content > * {
160
131
  pointer-events: auto;
161
132
  }
162
-
163
133
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
164
134
  left: 0;
165
135
  right: auto;
166
136
  }
167
-
168
137
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
169
138
  left: auto;
170
139
  right: 0;
171
140
  }
172
-
173
141
  .e-hscroll .e-scroll-nav {
174
142
  -ms-flex-align: center;
175
143
  align-items: center;
@@ -183,30 +151,24 @@
183
151
  top: 0;
184
152
  width: 40px;
185
153
  }
186
-
187
154
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
188
155
  left: 0;
189
156
  }
190
-
191
157
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
192
158
  right: 0;
193
159
  }
194
-
195
160
  .e-hscroll .e-scroll-nav.e-ie-align {
196
161
  display: table;
197
162
  }
198
-
199
163
  .e-hscroll .e-nav-arrow {
200
164
  position: relative;
201
165
  }
202
-
203
166
  .e-hscroll .e-nav-arrow.e-icons {
204
167
  display: table-cell;
205
168
  text-align: center;
206
169
  vertical-align: middle;
207
170
  width: 100%;
208
171
  }
209
-
210
172
  .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
211
173
  pointer-events: none;
212
174
  }
@@ -215,91 +177,73 @@
215
177
  .e-hscroll .e-scroll-nav .e-icons {
216
178
  color: #333;
217
179
  }
218
-
219
180
  .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
220
181
  border-color: #ccc;
221
182
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
222
183
  }
223
-
224
184
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
225
185
  background-color: #f8f8f8;
226
186
  border-color: #ccc;
227
187
  border-width: 1px;
228
188
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
229
189
  }
230
-
231
190
  .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
232
191
  color: #317ab9;
233
192
  }
234
-
235
193
  .e-hscroll .e-scroll-overlay {
236
194
  background-color: transparent;
237
195
  background-repeat: repeat-x;
238
196
  }
239
-
240
197
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
241
198
  background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
242
199
  }
243
-
244
200
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
245
201
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
246
202
  }
247
-
248
203
  .e-hscroll.e-rtl .e-scroll-nav {
249
204
  background: #f8f8f8;
250
205
  }
251
-
252
206
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
253
207
  border-left: 1px solid #ccc;
254
208
  border-right: 0;
255
209
  }
256
-
257
210
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
258
211
  border-left: 0;
259
212
  border-right: 1px solid #ccc;
260
213
  }
261
-
262
214
  .e-hscroll.e-rtl .e-scroll-nav:hover {
263
215
  background: #e6e6e6;
264
216
  border: 0;
265
217
  color: #333;
266
218
  }
267
-
268
219
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
269
220
  background: #e6e6e6;
270
221
  border: 0;
271
222
  color: #333;
272
223
  }
273
-
274
224
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
275
225
  background: #e6e6e6;
276
226
  border: 0;
277
227
  color: #333;
278
228
  }
279
-
280
229
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
281
230
  background: #e6e6e6;
282
231
  border: 0;
283
232
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
284
233
  color: #333;
285
234
  }
286
-
287
235
  .e-hscroll .e-scroll-nav {
288
236
  background: #f8f8f8;
289
237
  }
290
-
291
238
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
292
239
  border-right: 1px solid #ccc;
293
240
  }
294
-
295
241
  .e-hscroll .e-scroll-nav.e-scroll-right-nav {
296
242
  border-left: 1px solid #ccc;
297
243
  }
298
-
299
244
  .e-hscroll .e-scroll-nav::after {
300
- content: '';
245
+ content: "";
301
246
  }
302
-
303
247
  .e-hscroll .e-scroll-nav:active::after {
304
- content: '';
305
- }
248
+ content: "";
249
+ }