@syncfusion/ej2-vue-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 (192) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +1 -1
  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 +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/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 +262 -2007
  79. package/styles/fabric.css +262 -2007
  80. package/styles/fluent-dark.css +262 -2018
  81. package/styles/fluent.css +262 -2018
  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 +267 -2079
  98. package/styles/highcontrast.css +267 -2082
  99. package/styles/material-dark.css +265 -1976
  100. package/styles/material.css +258 -1968
  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 +256 -1988
  147. package/styles/tailwind.css +256 -1988
  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
@@ -1,19 +1,16 @@
1
1
  /*! vscroll icons */
2
2
  .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
3
- content: '\e85e';
3
+ content: "\e85e";
4
4
  }
5
-
6
5
  .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
7
- content: '\e84f';
6
+ content: "\e84f";
8
7
  }
9
-
10
8
  .e-vscroll .e-nav-up-arrow::before {
11
- content: '\e910';
9
+ content: "\e910";
12
10
  line-height: normal;
13
11
  }
14
-
15
12
  .e-vscroll .e-nav-down-arrow::before {
16
- content: '\e916';
13
+ content: "\e916";
17
14
  line-height: normal;
18
15
  }
19
16
 
@@ -22,22 +19,18 @@
22
19
  .e-vscroll.e-bigger:not(.e-scroll-device) {
23
20
  padding: 50px 0;
24
21
  }
25
-
26
22
  .e-bigger .e-vscroll .e-icons,
27
23
  .e-vscroll.e-bigger .e-icons {
28
24
  font-size: 18px;
29
25
  }
30
-
31
26
  .e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay,
32
27
  .e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay {
33
28
  left: 50px;
34
29
  }
35
-
36
30
  .e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay,
37
31
  .e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay {
38
32
  right: 50px;
39
33
  }
40
-
41
34
  .e-bigger .e-vscroll .e-scroll-nav,
42
35
  .e-vscroll.e-bigger .e-scroll-nav {
43
36
  height: 50px;
@@ -48,37 +41,30 @@
48
41
  position: relative;
49
42
  width: inherit;
50
43
  }
51
-
52
44
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
53
45
  transform: skewX(-16deg) translateX(-6px);
54
46
  }
55
-
56
47
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
57
48
  left: 52px;
58
49
  right: auto;
59
50
  transform: skewX(-16deg) translateX(-6px);
60
51
  }
61
-
62
52
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
63
53
  left: auto;
64
54
  right: 0;
65
55
  }
66
-
67
56
  .e-vscroll:not(.e-scroll-device) {
68
57
  padding: 0 40px;
69
58
  }
70
-
71
59
  .e-vscroll.e-scroll-device .e-scroll-nav {
72
60
  transform: skewX(-16deg) translateX(6px);
73
61
  width: 52px;
74
62
  z-index: 1001;
75
63
  }
76
-
77
64
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
78
65
  font-size: 14px;
79
66
  transform: skewX(16deg);
80
67
  }
81
-
82
68
  .e-vscroll.e-scroll-device .e-scroll-overlay {
83
69
  opacity: 0.5;
84
70
  pointer-events: none;
@@ -86,22 +72,18 @@
86
72
  top: 0;
87
73
  z-index: 100;
88
74
  }
89
-
90
75
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
91
76
  left: auto;
92
77
  right: 52px;
93
78
  transform: skewX(-16deg) translateX(6px);
94
79
  }
95
-
96
80
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
97
81
  left: 0;
98
82
  right: auto;
99
83
  }
100
-
101
84
  .e-vscroll > * {
102
85
  height: inherit;
103
86
  }
104
-
105
87
  .e-vscroll .e-vscroll-content {
106
88
  display: inline-block;
107
89
  height: auto;
@@ -110,21 +92,17 @@
110
92
  touch-action: none;
111
93
  width: 100%;
112
94
  }
113
-
114
95
  .e-vscroll .e-vscroll-content > * {
115
96
  pointer-events: auto;
116
97
  }
117
-
118
98
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
119
99
  left: auto;
120
100
  right: 0;
121
101
  }
122
-
123
102
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
124
103
  left: 0;
125
104
  right: auto;
126
105
  }
127
-
128
106
  .e-vscroll .e-scroll-nav {
129
107
  -ms-flex-align: center;
130
108
  align-items: center;
@@ -136,23 +114,18 @@
136
114
  position: absolute;
137
115
  width: 100%;
138
116
  }
139
-
140
117
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
141
118
  top: 0;
142
119
  }
143
-
144
120
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
145
121
  bottom: 0;
146
122
  }
147
-
148
123
  .e-vscroll .e-scroll-nav.e-ie-align {
149
124
  display: table;
150
125
  }
151
-
152
126
  .e-vscroll .e-nav-arrow {
153
127
  position: relative;
154
128
  }
155
-
156
129
  .e-vscroll .e-nav-arrow.e-icons {
157
130
  display: table-cell;
158
131
  text-align: center;
@@ -164,83 +137,67 @@
164
137
  .e-vscroll .e-icons {
165
138
  color: #fff;
166
139
  }
167
-
168
140
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
169
141
  border-color: #acacac;
170
142
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
171
143
  }
172
-
173
144
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
174
145
  background-color: #858585;
175
146
  border-color: #acacac;
176
147
  border-width: 1px;
177
148
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
178
149
  }
179
-
180
150
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
181
151
  color: #0070f0;
182
152
  }
183
-
184
153
  .e-vscroll .e-scroll-overlay {
185
154
  background-color: transparent;
186
155
  background-repeat: repeat-x;
187
156
  }
188
-
189
157
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
190
158
  background-image: linear-gradient(-270deg, #6e6e6e 0%, rgba(110, 110, 110, 0) 100%);
191
159
  }
192
-
193
160
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
194
161
  background-image: linear-gradient(-270deg, rgba(110, 110, 110, 0) 0%, #6e6e6e 100%);
195
162
  }
196
-
197
163
  .e-vscroll.e-rtl .e-scroll-nav {
198
164
  background: #858585;
199
165
  }
200
-
201
166
  .e-vscroll.e-rtl .e-scroll-nav:hover {
202
167
  background: #959595;
203
168
  border: 0;
204
169
  border-color: transparent;
205
170
  color: #fff;
206
171
  }
207
-
208
172
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
209
173
  background: #959595;
210
174
  border: 0;
211
175
  color: #fff;
212
176
  }
213
-
214
177
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
215
178
  background: #959595;
216
179
  border: 0;
217
180
  border-color: transparent;
218
181
  color: #fff;
219
182
  }
220
-
221
183
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
222
184
  background: #959595;
223
185
  border: 0;
224
186
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
225
187
  color: #fff;
226
188
  }
227
-
228
189
  .e-vscroll .e-scroll-nav {
229
190
  background: #858585;
230
191
  }
231
-
232
192
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
233
193
  border-bottom: 1px solid #acacac;
234
194
  }
235
-
236
195
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
237
196
  border-top: 1px solid #acacac;
238
197
  }
239
-
240
198
  .e-vscroll .e-scroll-nav::after {
241
- content: '';
199
+ content: "";
242
200
  }
243
-
244
201
  .e-vscroll .e-scroll-nav:active::after {
245
- content: '';
246
- }
202
+ content: "";
203
+ }
@@ -1,20 +1,17 @@
1
1
  /*! component's theme wise override definitions and variables */
2
2
  /*! vscroll icons */
3
3
  .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
4
- content: '\e85e';
4
+ content: "\e85e";
5
5
  }
6
-
7
6
  .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
8
- content: '\e84f';
7
+ content: "\e84f";
9
8
  }
10
-
11
9
  .e-vscroll .e-nav-up-arrow::before {
12
- content: '\e910';
10
+ content: "\e910";
13
11
  line-height: normal;
14
12
  }
15
-
16
13
  .e-vscroll .e-nav-down-arrow::before {
17
- content: '\e916';
14
+ content: "\e916";
18
15
  line-height: normal;
19
16
  }
20
17
 
@@ -23,22 +20,18 @@
23
20
  .e-vscroll.e-bigger:not(.e-scroll-device) {
24
21
  padding: 50px 0;
25
22
  }
26
-
27
23
  .e-bigger .e-vscroll .e-icons,
28
24
  .e-vscroll.e-bigger .e-icons {
29
25
  font-size: 18px;
30
26
  }
31
-
32
27
  .e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay,
33
28
  .e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay {
34
29
  left: 50px;
35
30
  }
36
-
37
31
  .e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay,
38
32
  .e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay {
39
33
  right: 50px;
40
34
  }
41
-
42
35
  .e-bigger .e-vscroll .e-scroll-nav,
43
36
  .e-vscroll.e-bigger .e-scroll-nav {
44
37
  height: 50px;
@@ -49,37 +42,30 @@
49
42
  position: relative;
50
43
  width: inherit;
51
44
  }
52
-
53
45
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
54
46
  transform: skewX(-16deg) translateX(-6px);
55
47
  }
56
-
57
48
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
58
49
  left: 52px;
59
50
  right: auto;
60
51
  transform: skewX(-16deg) translateX(-6px);
61
52
  }
62
-
63
53
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
64
54
  left: auto;
65
55
  right: 0;
66
56
  }
67
-
68
57
  .e-vscroll:not(.e-scroll-device) {
69
58
  padding: 0 40px;
70
59
  }
71
-
72
60
  .e-vscroll.e-scroll-device .e-scroll-nav {
73
61
  transform: skewX(-16deg) translateX(6px);
74
62
  width: 52px;
75
63
  z-index: 1001;
76
64
  }
77
-
78
65
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
79
66
  font-size: 14px;
80
67
  transform: skewX(16deg);
81
68
  }
82
-
83
69
  .e-vscroll.e-scroll-device .e-scroll-overlay {
84
70
  opacity: 0.5;
85
71
  pointer-events: none;
@@ -87,22 +73,18 @@
87
73
  top: 0;
88
74
  z-index: 100;
89
75
  }
90
-
91
76
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
92
77
  left: auto;
93
78
  right: 52px;
94
79
  transform: skewX(-16deg) translateX(6px);
95
80
  }
96
-
97
81
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
98
82
  left: 0;
99
83
  right: auto;
100
84
  }
101
-
102
85
  .e-vscroll > * {
103
86
  height: inherit;
104
87
  }
105
-
106
88
  .e-vscroll .e-vscroll-content {
107
89
  display: inline-block;
108
90
  height: auto;
@@ -111,21 +93,17 @@
111
93
  touch-action: none;
112
94
  width: 100%;
113
95
  }
114
-
115
96
  .e-vscroll .e-vscroll-content > * {
116
97
  pointer-events: auto;
117
98
  }
118
-
119
99
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
120
100
  left: auto;
121
101
  right: 0;
122
102
  }
123
-
124
103
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
125
104
  left: 0;
126
105
  right: auto;
127
106
  }
128
-
129
107
  .e-vscroll .e-scroll-nav {
130
108
  -ms-flex-align: center;
131
109
  align-items: center;
@@ -137,23 +115,18 @@
137
115
  position: absolute;
138
116
  width: 100%;
139
117
  }
140
-
141
118
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
142
119
  top: 0;
143
120
  }
144
-
145
121
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
146
122
  bottom: 0;
147
123
  }
148
-
149
124
  .e-vscroll .e-scroll-nav.e-ie-align {
150
125
  display: table;
151
126
  }
152
-
153
127
  .e-vscroll .e-nav-arrow {
154
128
  position: relative;
155
129
  }
156
-
157
130
  .e-vscroll .e-nav-arrow.e-icons {
158
131
  display: table-cell;
159
132
  text-align: center;
@@ -165,83 +138,67 @@
165
138
  .e-vscroll .e-icons {
166
139
  color: #333;
167
140
  }
168
-
169
141
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
170
142
  border-color: #ccc;
171
143
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.06);
172
144
  }
173
-
174
145
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
175
146
  background-color: #f8f8f8;
176
147
  border-color: #ccc;
177
148
  border-width: 1px;
178
149
  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.06);
179
150
  }
180
-
181
151
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
182
152
  color: #317ab9;
183
153
  }
184
-
185
154
  .e-vscroll .e-scroll-overlay {
186
155
  background-color: transparent;
187
156
  background-repeat: repeat-x;
188
157
  }
189
-
190
158
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
191
159
  background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
192
160
  }
193
-
194
161
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
195
162
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
196
163
  }
197
-
198
164
  .e-vscroll.e-rtl .e-scroll-nav {
199
165
  background: #f8f8f8;
200
166
  }
201
-
202
167
  .e-vscroll.e-rtl .e-scroll-nav:hover {
203
168
  background: #e6e6e6;
204
169
  border: 0;
205
170
  border-color: transparent;
206
171
  color: #333;
207
172
  }
208
-
209
173
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
210
174
  background: #e6e6e6;
211
175
  border: 0;
212
176
  color: #333;
213
177
  }
214
-
215
178
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
216
179
  background: #e6e6e6;
217
180
  border: 0;
218
181
  border-color: transparent;
219
182
  color: #333;
220
183
  }
221
-
222
184
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
223
185
  background: #e6e6e6;
224
186
  border: 0;
225
187
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
226
188
  color: #333;
227
189
  }
228
-
229
190
  .e-vscroll .e-scroll-nav {
230
191
  background: #f8f8f8;
231
192
  }
232
-
233
193
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
234
194
  border-bottom: 1px solid #ccc;
235
195
  }
236
-
237
196
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
238
197
  border-top: 1px solid #ccc;
239
198
  }
240
-
241
199
  .e-vscroll .e-scroll-nav::after {
242
- content: '';
200
+ content: "";
243
201
  }
244
-
245
202
  .e-vscroll .e-scroll-nav:active::after {
246
- content: '';
247
- }
203
+ content: "";
204
+ }
@@ -1,20 +1,17 @@
1
1
  /*! component's theme wise override definitions and variables */
2
2
  /*! vscroll icons */
3
3
  .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
4
- content: '\e734';
4
+ content: "\e734";
5
5
  }
6
-
7
6
  .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
8
- content: '\e705';
7
+ content: "\e705";
9
8
  }
10
-
11
9
  .e-vscroll .e-nav-up-arrow::before {
12
- content: '\e734';
10
+ content: "\e734";
13
11
  line-height: normal;
14
12
  }
15
-
16
13
  .e-vscroll .e-nav-down-arrow::before {
17
- content: '\e705';
14
+ content: "\e705";
18
15
  line-height: normal;
19
16
  }
20
17
 
@@ -23,22 +20,18 @@
23
20
  .e-vscroll.e-bigger:not(.e-scroll-device) {
24
21
  padding: 50px 0;
25
22
  }
26
-
27
23
  .e-bigger .e-vscroll .e-icons,
28
24
  .e-vscroll.e-bigger .e-icons {
29
25
  font-size: 18px;
30
26
  }
31
-
32
27
  .e-bigger .e-vscroll.e-rtl .e-scroll-overlay.e-scroll-down-overlay,
33
28
  .e-vscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-down-overlay {
34
29
  left: 50px;
35
30
  }
36
-
37
31
  .e-bigger .e-vscroll .e-scroll-overlay.e-scroll-down-overlay,
38
32
  .e-vscroll.e-bigger .e-scroll-overlay.e-scroll-down-overlay {
39
33
  right: 50px;
40
34
  }
41
-
42
35
  .e-bigger .e-vscroll .e-scroll-nav,
43
36
  .e-vscroll.e-bigger .e-scroll-nav {
44
37
  height: 50px;
@@ -49,37 +42,30 @@
49
42
  position: relative;
50
43
  width: inherit;
51
44
  }
52
-
53
45
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
54
46
  transform: skewX(-16deg) translateX(-6px);
55
47
  }
56
-
57
48
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
58
49
  left: 52px;
59
50
  right: auto;
60
51
  transform: skewX(-16deg) translateX(-6px);
61
52
  }
62
-
63
53
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
64
54
  left: auto;
65
55
  right: 0;
66
56
  }
67
-
68
57
  .e-vscroll:not(.e-scroll-device) {
69
58
  padding: 0 40px;
70
59
  }
71
-
72
60
  .e-vscroll.e-scroll-device .e-scroll-nav {
73
61
  transform: skewX(-16deg) translateX(6px);
74
62
  width: 52px;
75
63
  z-index: 1001;
76
64
  }
77
-
78
65
  .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
79
66
  font-size: 14px;
80
67
  transform: skewX(16deg);
81
68
  }
82
-
83
69
  .e-vscroll.e-scroll-device .e-scroll-overlay {
84
70
  opacity: 0.5;
85
71
  pointer-events: none;
@@ -87,22 +73,18 @@
87
73
  top: 0;
88
74
  z-index: 100;
89
75
  }
90
-
91
76
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
92
77
  left: auto;
93
78
  right: 52px;
94
79
  transform: skewX(-16deg) translateX(6px);
95
80
  }
96
-
97
81
  .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
98
82
  left: 0;
99
83
  right: auto;
100
84
  }
101
-
102
85
  .e-vscroll > * {
103
86
  height: inherit;
104
87
  }
105
-
106
88
  .e-vscroll .e-vscroll-content {
107
89
  display: inline-block;
108
90
  height: auto;
@@ -111,21 +93,17 @@
111
93
  touch-action: none;
112
94
  width: 100%;
113
95
  }
114
-
115
96
  .e-vscroll .e-vscroll-content > * {
116
97
  pointer-events: auto;
117
98
  }
118
-
119
99
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
120
100
  left: auto;
121
101
  right: 0;
122
102
  }
123
-
124
103
  .e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
125
104
  left: 0;
126
105
  right: auto;
127
106
  }
128
-
129
107
  .e-vscroll .e-scroll-nav {
130
108
  -ms-flex-align: center;
131
109
  align-items: center;
@@ -137,23 +115,18 @@
137
115
  position: absolute;
138
116
  width: 100%;
139
117
  }
140
-
141
118
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
142
119
  top: 0;
143
120
  }
144
-
145
121
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
146
122
  bottom: 0;
147
123
  }
148
-
149
124
  .e-vscroll .e-scroll-nav.e-ie-align {
150
125
  display: table;
151
126
  }
152
-
153
127
  .e-vscroll .e-nav-arrow {
154
128
  position: relative;
155
129
  }
156
-
157
130
  .e-vscroll .e-nav-arrow.e-icons {
158
131
  display: table-cell;
159
132
  text-align: center;
@@ -165,83 +138,67 @@
165
138
  .e-vscroll .e-icons {
166
139
  color: #333;
167
140
  }
168
-
169
141
  .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
170
142
  border-color: #ccc;
171
143
  box-shadow: 4px 0 8px 0 rgba(108, 117, 125, 0.06);
172
144
  }
173
-
174
145
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
175
146
  background-color: #f8f8f8;
176
147
  border-color: #ccc;
177
148
  border-width: 1px;
178
149
  box-shadow: -4px 0 8px 0 rgba(108, 117, 125, 0.06);
179
150
  }
180
-
181
151
  .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
182
152
  color: #317ab9;
183
153
  }
184
-
185
154
  .e-vscroll .e-scroll-overlay {
186
155
  background-color: transparent;
187
156
  background-repeat: repeat-x;
188
157
  }
189
-
190
158
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
191
159
  background-image: linear-gradient(-270deg, white 0%, rgba(255, 255, 255, 0) 100%);
192
160
  }
193
-
194
161
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
195
162
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, white 100%);
196
163
  }
197
-
198
164
  .e-vscroll.e-rtl .e-scroll-nav {
199
165
  background: #f8f8f8;
200
166
  }
201
-
202
167
  .e-vscroll.e-rtl .e-scroll-nav:hover {
203
168
  background: #e6e6e6;
204
169
  border: 0;
205
170
  border-color: transparent;
206
171
  color: #fff;
207
172
  }
208
-
209
173
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
210
174
  background: #e6e6e6;
211
175
  border: 0;
212
176
  color: #fff;
213
177
  }
214
-
215
178
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
216
179
  background: #e6e6e6;
217
180
  border: 0;
218
181
  border-color: transparent;
219
182
  color: #fff;
220
183
  }
221
-
222
184
  .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
223
185
  background: #e6e6e6;
224
186
  border: 0;
225
187
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
226
188
  color: #fff;
227
189
  }
228
-
229
190
  .e-vscroll .e-scroll-nav {
230
191
  background: #f8f8f8;
231
192
  }
232
-
233
193
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
234
194
  border-bottom: 1px solid #ccc;
235
195
  }
236
-
237
196
  .e-vscroll .e-scroll-nav.e-scroll-down-nav {
238
197
  border-top: 1px solid #ccc;
239
198
  }
240
-
241
199
  .e-vscroll .e-scroll-nav::after {
242
- content: '';
200
+ content: "";
243
201
  }
244
-
245
202
  .e-vscroll .e-scroll-nav:active::after {
246
- content: '';
247
- }
203
+ content: "";
204
+ }