@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

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 (231) hide show
  1. package/CHANGELOG.md +2 -25
  2. package/README.md +2 -17
  3. package/dist/ej2-vue-navigations.umd.min.js +2 -2
  4. package/dist/es6/ej2-vue-navigations.es2015.js +92 -373
  5. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-navigations.es5.js +109 -411
  7. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-navigations.min.js +2 -2
  9. package/package.json +15 -11
  10. package/src/accordion/accordion.component.d.ts +1 -1
  11. package/src/accordion/accordion.component.js +1 -1
  12. package/src/index.d.ts +0 -2
  13. package/src/index.js +0 -2
  14. package/styles/accordion/bootstrap-dark.css +63 -48
  15. package/styles/accordion/bootstrap.css +63 -48
  16. package/styles/accordion/bootstrap4.css +63 -48
  17. package/styles/accordion/bootstrap5-dark.css +66 -51
  18. package/styles/accordion/bootstrap5.css +66 -51
  19. package/styles/accordion/fabric-dark.css +65 -50
  20. package/styles/accordion/fabric.css +65 -50
  21. package/styles/accordion/highcontrast-light.css +64 -49
  22. package/styles/accordion/highcontrast.css +64 -49
  23. package/styles/accordion/material-dark.css +64 -49
  24. package/styles/accordion/material.css +64 -49
  25. package/styles/accordion/tailwind-dark.css +67 -52
  26. package/styles/accordion/tailwind.css +67 -52
  27. package/styles/bootstrap-dark.css +69 -310
  28. package/styles/bootstrap-dark.scss +0 -1
  29. package/styles/bootstrap.css +69 -310
  30. package/styles/bootstrap.scss +0 -1
  31. package/styles/bootstrap4.css +69 -310
  32. package/styles/bootstrap4.scss +0 -1
  33. package/styles/bootstrap5-dark.css +171 -415
  34. package/styles/bootstrap5-dark.scss +0 -1
  35. package/styles/bootstrap5.css +171 -415
  36. package/styles/bootstrap5.scss +0 -1
  37. package/styles/breadcrumb/bootstrap-dark.css +2 -10
  38. package/styles/breadcrumb/bootstrap.css +2 -10
  39. package/styles/breadcrumb/bootstrap4.css +2 -10
  40. package/styles/breadcrumb/bootstrap5-dark.css +4 -12
  41. package/styles/breadcrumb/bootstrap5.css +4 -12
  42. package/styles/breadcrumb/fabric-dark.css +4 -10
  43. package/styles/breadcrumb/fabric.css +4 -10
  44. package/styles/breadcrumb/highcontrast-light.css +4 -10
  45. package/styles/breadcrumb/highcontrast.css +4 -10
  46. package/styles/breadcrumb/material-dark.css +2 -10
  47. package/styles/breadcrumb/material.css +2 -10
  48. package/styles/breadcrumb/tailwind-dark.css +4 -21
  49. package/styles/breadcrumb/tailwind.css +10 -27
  50. package/styles/context-menu/bootstrap-dark.css +0 -5
  51. package/styles/context-menu/bootstrap.css +0 -5
  52. package/styles/context-menu/bootstrap4.css +0 -5
  53. package/styles/context-menu/bootstrap5-dark.css +8 -16
  54. package/styles/context-menu/bootstrap5.css +8 -16
  55. package/styles/context-menu/fabric-dark.css +0 -5
  56. package/styles/context-menu/fabric.css +0 -5
  57. package/styles/context-menu/highcontrast-light.css +0 -5
  58. package/styles/context-menu/highcontrast.css +0 -5
  59. package/styles/context-menu/material-dark.css +0 -5
  60. package/styles/context-menu/material.css +0 -5
  61. package/styles/context-menu/tailwind-dark.css +4 -11
  62. package/styles/context-menu/tailwind.css +4 -11
  63. package/styles/fabric-dark.css +73 -312
  64. package/styles/fabric-dark.scss +0 -1
  65. package/styles/fabric.css +73 -312
  66. package/styles/fabric.scss +0 -1
  67. package/styles/h-scroll/bootstrap-dark.css +1 -0
  68. package/styles/h-scroll/bootstrap.css +1 -0
  69. package/styles/h-scroll/bootstrap4.css +1 -0
  70. package/styles/h-scroll/bootstrap5-dark.css +11 -10
  71. package/styles/h-scroll/bootstrap5.css +11 -10
  72. package/styles/h-scroll/fabric-dark.css +1 -0
  73. package/styles/h-scroll/fabric.css +1 -0
  74. package/styles/h-scroll/highcontrast-light.css +1 -0
  75. package/styles/h-scroll/highcontrast.css +1 -0
  76. package/styles/h-scroll/material-dark.css +4 -3
  77. package/styles/h-scroll/material.css +1 -0
  78. package/styles/h-scroll/tailwind-dark.css +9 -8
  79. package/styles/h-scroll/tailwind.css +9 -8
  80. package/styles/highcontrast-light.css +72 -311
  81. package/styles/highcontrast-light.scss +0 -1
  82. package/styles/highcontrast.css +73 -312
  83. package/styles/highcontrast.scss +0 -1
  84. package/styles/material-dark.css +73 -314
  85. package/styles/material-dark.scss +0 -1
  86. package/styles/material.css +70 -311
  87. package/styles/material.scss +0 -1
  88. package/styles/menu/bootstrap-dark.css +2 -1
  89. package/styles/menu/bootstrap.css +2 -1
  90. package/styles/menu/bootstrap4.css +2 -1
  91. package/styles/menu/bootstrap5-dark.css +24 -23
  92. package/styles/menu/bootstrap5.css +24 -23
  93. package/styles/menu/fabric-dark.css +2 -1
  94. package/styles/menu/fabric.css +2 -1
  95. package/styles/menu/highcontrast-light.css +2 -1
  96. package/styles/menu/highcontrast.css +2 -1
  97. package/styles/menu/material-dark.css +2 -1
  98. package/styles/menu/material.css +2 -1
  99. package/styles/menu/tailwind-dark.css +18 -18
  100. package/styles/menu/tailwind.css +18 -18
  101. package/styles/sidebar/bootstrap-dark.css +0 -4
  102. package/styles/sidebar/bootstrap.css +0 -4
  103. package/styles/sidebar/bootstrap4.css +0 -4
  104. package/styles/sidebar/bootstrap5-dark.css +0 -4
  105. package/styles/sidebar/bootstrap5.css +0 -4
  106. package/styles/sidebar/fabric-dark.css +0 -4
  107. package/styles/sidebar/fabric.css +0 -4
  108. package/styles/sidebar/highcontrast-light.css +0 -4
  109. package/styles/sidebar/highcontrast.css +0 -4
  110. package/styles/sidebar/material-dark.css +0 -4
  111. package/styles/sidebar/material.css +0 -4
  112. package/styles/sidebar/tailwind-dark.css +0 -4
  113. package/styles/sidebar/tailwind.css +0 -4
  114. package/styles/tab/bootstrap-dark.css +1 -1
  115. package/styles/tab/bootstrap.css +1 -1
  116. package/styles/tab/bootstrap4.css +1 -1
  117. package/styles/tab/bootstrap5-dark.css +23 -23
  118. package/styles/tab/bootstrap5.css +23 -23
  119. package/styles/tab/fabric-dark.css +1 -1
  120. package/styles/tab/fabric.css +1 -1
  121. package/styles/tab/highcontrast-light.css +1 -1
  122. package/styles/tab/highcontrast.css +2 -2
  123. package/styles/tab/material-dark.css +1 -1
  124. package/styles/tab/material.css +1 -1
  125. package/styles/tab/tailwind-dark.css +45 -43
  126. package/styles/tab/tailwind.css +45 -43
  127. package/styles/tailwind-dark.css +171 -422
  128. package/styles/tailwind-dark.scss +0 -1
  129. package/styles/tailwind.css +177 -428
  130. package/styles/tailwind.scss +0 -1
  131. package/styles/toolbar/bootstrap-dark.css +0 -4
  132. package/styles/toolbar/bootstrap.css +0 -4
  133. package/styles/toolbar/bootstrap4.css +0 -4
  134. package/styles/toolbar/bootstrap5-dark.css +31 -35
  135. package/styles/toolbar/bootstrap5.css +31 -35
  136. package/styles/toolbar/fabric-dark.css +0 -4
  137. package/styles/toolbar/fabric.css +0 -4
  138. package/styles/toolbar/highcontrast-light.css +0 -4
  139. package/styles/toolbar/highcontrast.css +0 -4
  140. package/styles/toolbar/material-dark.css +0 -4
  141. package/styles/toolbar/material.css +0 -4
  142. package/styles/toolbar/tailwind-dark.css +6 -10
  143. package/styles/toolbar/tailwind.css +6 -10
  144. package/styles/treeview/bootstrap5-dark.css +4 -4
  145. package/styles/treeview/bootstrap5.css +4 -4
  146. package/styles/treeview/tailwind-dark.css +14 -13
  147. package/styles/treeview/tailwind.css +14 -13
  148. package/styles/v-scroll/tailwind-dark.css +4 -4
  149. package/styles/v-scroll/tailwind.css +4 -4
  150. package/carousel.d.ts +0 -4
  151. package/carousel.js +0 -4
  152. package/src/carousel/carousel.component.d.ts +0 -43
  153. package/src/carousel/carousel.component.js +0 -202
  154. package/src/carousel/index.d.ts +0 -2
  155. package/src/carousel/index.js +0 -2
  156. package/src/carousel/items.directive.d.ts +0 -33
  157. package/src/carousel/items.directive.js +0 -110
  158. package/styles/accordion/fluent-dark.css +0 -395
  159. package/styles/accordion/fluent-dark.scss +0 -1
  160. package/styles/accordion/fluent.css +0 -395
  161. package/styles/accordion/fluent.scss +0 -1
  162. package/styles/breadcrumb/fluent-dark.css +0 -444
  163. package/styles/breadcrumb/fluent-dark.scss +0 -1
  164. package/styles/breadcrumb/fluent.css +0 -444
  165. package/styles/breadcrumb/fluent.scss +0 -1
  166. package/styles/carousel/bootstrap-dark.css +0 -236
  167. package/styles/carousel/bootstrap-dark.scss +0 -1
  168. package/styles/carousel/bootstrap.css +0 -236
  169. package/styles/carousel/bootstrap.scss +0 -1
  170. package/styles/carousel/bootstrap4.css +0 -236
  171. package/styles/carousel/bootstrap4.scss +0 -1
  172. package/styles/carousel/bootstrap5-dark.css +0 -236
  173. package/styles/carousel/bootstrap5-dark.scss +0 -1
  174. package/styles/carousel/bootstrap5.css +0 -236
  175. package/styles/carousel/bootstrap5.scss +0 -1
  176. package/styles/carousel/fabric-dark.css +0 -236
  177. package/styles/carousel/fabric-dark.scss +0 -1
  178. package/styles/carousel/fabric.css +0 -236
  179. package/styles/carousel/fabric.scss +0 -1
  180. package/styles/carousel/fluent-dark.css +0 -236
  181. package/styles/carousel/fluent-dark.scss +0 -1
  182. package/styles/carousel/fluent.css +0 -236
  183. package/styles/carousel/fluent.scss +0 -1
  184. package/styles/carousel/highcontrast-light.css +0 -236
  185. package/styles/carousel/highcontrast-light.scss +0 -1
  186. package/styles/carousel/highcontrast.css +0 -236
  187. package/styles/carousel/highcontrast.scss +0 -1
  188. package/styles/carousel/material-dark.css +0 -237
  189. package/styles/carousel/material-dark.scss +0 -1
  190. package/styles/carousel/material.css +0 -237
  191. package/styles/carousel/material.scss +0 -1
  192. package/styles/carousel/tailwind-dark.css +0 -237
  193. package/styles/carousel/tailwind-dark.scss +0 -1
  194. package/styles/carousel/tailwind.css +0 -237
  195. package/styles/carousel/tailwind.scss +0 -1
  196. package/styles/context-menu/fluent-dark.css +0 -388
  197. package/styles/context-menu/fluent-dark.scss +0 -1
  198. package/styles/context-menu/fluent.css +0 -388
  199. package/styles/context-menu/fluent.scss +0 -1
  200. package/styles/fluent-dark.css +0 -10263
  201. package/styles/fluent-dark.scss +0 -11
  202. package/styles/fluent.css +0 -10263
  203. package/styles/fluent.scss +0 -11
  204. package/styles/h-scroll/fluent-dark.css +0 -326
  205. package/styles/h-scroll/fluent-dark.scss +0 -1
  206. package/styles/h-scroll/fluent.css +0 -326
  207. package/styles/h-scroll/fluent.scss +0 -1
  208. package/styles/menu/fluent-dark.css +0 -1261
  209. package/styles/menu/fluent-dark.scss +0 -1
  210. package/styles/menu/fluent.css +0 -1261
  211. package/styles/menu/fluent.scss +0 -1
  212. package/styles/sidebar/fluent-dark.css +0 -158
  213. package/styles/sidebar/fluent-dark.scss +0 -1
  214. package/styles/sidebar/fluent.css +0 -158
  215. package/styles/sidebar/fluent.scss +0 -1
  216. package/styles/tab/fluent-dark.css +0 -4394
  217. package/styles/tab/fluent-dark.scss +0 -1
  218. package/styles/tab/fluent.css +0 -4394
  219. package/styles/tab/fluent.scss +0 -1
  220. package/styles/toolbar/fluent-dark.css +0 -1365
  221. package/styles/toolbar/fluent-dark.scss +0 -1
  222. package/styles/toolbar/fluent.css +0 -1365
  223. package/styles/toolbar/fluent.scss +0 -1
  224. package/styles/treeview/fluent-dark.css +0 -1039
  225. package/styles/treeview/fluent-dark.scss +0 -1
  226. package/styles/treeview/fluent.css +0 -1039
  227. package/styles/treeview/fluent.scss +0 -1
  228. package/styles/v-scroll/fluent-dark.css +0 -247
  229. package/styles/v-scroll/fluent-dark.scss +0 -1
  230. package/styles/v-scroll/fluent.css +0 -247
  231. package/styles/v-scroll/fluent.scss +0 -1
@@ -1,11 +0,0 @@
1
- @import 'h-scroll/fluent.scss';
2
- @import 'v-scroll/fluent.scss';
3
- @import 'toolbar/fluent.scss';
4
- @import 'accordion/fluent.scss';
5
- @import 'carousel/fluent.scss';
6
- @import 'context-menu/fluent.scss';
7
- @import 'tab/fluent.scss';
8
- @import 'treeview/fluent.scss';
9
- @import 'sidebar/fluent.scss';
10
- @import 'menu/fluent.scss';
11
- @import 'breadcrumb/fluent.scss';
@@ -1,326 +0,0 @@
1
- /*! component's theme wise override definitions and variables */
2
- @keyframes hscroll-popup-shadow {
3
- 0% {
4
- border-color: rgba(255, 255, 255, 0.5);
5
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
- }
7
- 100% {
8
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
- }
10
- }
11
-
12
- /*! hscroll icons */
13
- .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
14
- content: '\e765';
15
- }
16
-
17
- .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
18
- content: '\e748';
19
- }
20
-
21
- .e-hscroll.e-rtl .e-nav-left-arrow::before {
22
- content: '\e748';
23
- }
24
-
25
- .e-hscroll.e-rtl .e-nav-right-arrow::before {
26
- content: '\e765';
27
- }
28
-
29
- .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
30
- content: '\e748';
31
- }
32
-
33
- .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
34
- content: '\e765';
35
- }
36
-
37
- .e-hscroll .e-nav-left-arrow::before {
38
- content: '\e765';
39
- line-height: normal;
40
- }
41
-
42
- .e-hscroll .e-nav-right-arrow::before {
43
- content: '\e748';
44
- line-height: normal;
45
- }
46
-
47
- /*! h-scroll layout */
48
- .e-bigger .e-hscroll,
49
- .e-hscroll.e-bigger {
50
- min-height: 48px;
51
- }
52
-
53
- .e-bigger .e-hscroll:not(.e-scroll-device),
54
- .e-hscroll.e-bigger:not(.e-scroll-device) {
55
- padding: 0 48px;
56
- }
57
-
58
- .e-bigger .e-hscroll.e-scroll-device,
59
- .e-hscroll.e-bigger.e-scroll-device {
60
- padding-right: 48px;
61
- }
62
-
63
- .e-bigger .e-hscroll.e-rtl.e-scroll-device,
64
- .e-hscroll.e-bigger.e-rtl.e-scroll-device {
65
- padding-left: 48px;
66
- padding-right: initial;
67
- }
68
-
69
- .e-bigger .e-hscroll .e-nav-arrow.e-icons,
70
- .e-hscroll.e-bigger .e-nav-arrow.e-icons {
71
- font-size: 22px;
72
- }
73
-
74
- .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
75
- .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
76
- left: 48px;
77
- }
78
-
79
- .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
80
- .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
81
- right: 48px;
82
- }
83
-
84
- .e-bigger .e-hscroll .e-scroll-nav,
85
- .e-hscroll.e-bigger .e-scroll-nav {
86
- min-height: 48px;
87
- width: 48px;
88
- }
89
-
90
- .e-hscroll {
91
- display: block;
92
- position: relative;
93
- width: inherit;
94
- }
95
-
96
- .e-hscroll.e-rtl.e-scroll-device {
97
- padding-left: 40px;
98
- padding-right: initial;
99
- }
100
-
101
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
102
- transform: skewX(-16deg) translateX(-6px);
103
- }
104
-
105
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
106
- left: 48px;
107
- right: auto;
108
- transform: skewX(-16deg) translateX(-6px);
109
- }
110
-
111
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
112
- left: auto;
113
- right: 0;
114
- }
115
-
116
- .e-hscroll:not(.e-scroll-device) {
117
- padding: 0 28px;
118
- }
119
-
120
- .e-hscroll.e-scroll-device {
121
- padding-right: 40px;
122
- }
123
-
124
- .e-hscroll.e-scroll-device .e-scroll-nav {
125
- transform: skewX(-16deg) translateX(6px);
126
- width: 48px;
127
- }
128
-
129
- .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
130
- font-size: 18px;
131
- transform: skewX(16deg);
132
- }
133
-
134
- .e-hscroll.e-scroll-device .e-scroll-overlay {
135
- opacity: 0.5;
136
- pointer-events: none;
137
- position: absolute;
138
- top: 0;
139
- z-index: 100;
140
- }
141
-
142
- .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
143
- left: auto;
144
- right: 48px;
145
- transform: skewX(-16deg) translateX(6px);
146
- }
147
-
148
- .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
149
- left: 0;
150
- right: auto;
151
- }
152
-
153
- .e-hscroll.e-overlay .e-hscroll-content > * {
154
- pointer-events: none;
155
- }
156
-
157
- .e-hscroll > * {
158
- height: inherit;
159
- }
160
-
161
- .e-hscroll .e-hscroll-content {
162
- display: inline-block;
163
- height: inherit;
164
- position: relative;
165
- -ms-touch-action: none;
166
- touch-action: none;
167
- }
168
-
169
- .e-hscroll .e-hscroll-content > * {
170
- pointer-events: auto;
171
- }
172
-
173
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
174
- left: 0;
175
- right: auto;
176
- }
177
-
178
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
179
- left: auto;
180
- right: 0;
181
- }
182
-
183
- .e-hscroll .e-scroll-nav {
184
- -ms-flex-align: center;
185
- align-items: center;
186
- bottom: 0;
187
- cursor: pointer;
188
- display: -ms-flexbox;
189
- display: flex;
190
- min-height: 38px;
191
- overflow: hidden;
192
- position: absolute;
193
- top: 0;
194
- width: 28px;
195
- }
196
-
197
- .e-hscroll .e-scroll-nav.e-scroll-left-nav {
198
- left: 0;
199
- }
200
-
201
- .e-hscroll .e-scroll-nav.e-scroll-right-nav {
202
- right: 0;
203
- }
204
-
205
- .e-hscroll .e-scroll-nav.e-ie-align {
206
- display: table;
207
- }
208
-
209
- .e-hscroll .e-nav-arrow {
210
- position: relative;
211
- }
212
-
213
- .e-hscroll .e-nav-arrow.e-icons {
214
- display: table-cell;
215
- text-align: center;
216
- vertical-align: middle;
217
- width: 100%;
218
- }
219
-
220
- .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
221
- pointer-events: none;
222
- }
223
-
224
- /*! h-scroll theme */
225
- .e-hscroll .e-scroll-nav .e-icons {
226
- color: #a19f9d;
227
- }
228
-
229
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
230
- border-color: #292827;
231
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
232
- }
233
-
234
- .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
235
- background-color: #252423;
236
- border-color: #292827;
237
- border-width: 1px;
238
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
239
- }
240
-
241
- .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
242
- color: #a19f9d;
243
- }
244
-
245
- .e-hscroll .e-scroll-overlay {
246
- background-color: transparent;
247
- background-repeat: repeat-x;
248
- }
249
-
250
- .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
251
- background-image: linear-gradient(-270deg, #252423 0%, rgba(37, 36, 35, 0) 100%);
252
- }
253
-
254
- .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
255
- background-image: linear-gradient(-270deg, rgba(37, 36, 35, 0) 0%, #252423 100%);
256
- }
257
-
258
- .e-hscroll.e-rtl .e-scroll-nav {
259
- background: #252423;
260
- }
261
-
262
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
263
- border-left: 1px solid #292827;
264
- border-right: 0;
265
- }
266
-
267
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
268
- border-left: 0;
269
- border-right: 1px solid #292827;
270
- }
271
-
272
- .e-hscroll.e-rtl .e-scroll-nav:hover {
273
- background: #292827;
274
- border: 0;
275
- color: #a19f9d;
276
- }
277
-
278
- .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
279
- background: #292827;
280
- border: 0;
281
- color: #a19f9d;
282
- }
283
-
284
- .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
285
- background: #292827;
286
- border: 0;
287
- color: #a19f9d;
288
- }
289
-
290
- .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
291
- background: #252423;
292
- border: 0;
293
- box-shadow: none;
294
- color: #c8c6c4;
295
- }
296
-
297
- .e-hscroll .e-scroll-nav {
298
- background: #252423;
299
- }
300
-
301
- .e-hscroll .e-scroll-nav.e-scroll-left-nav {
302
- border-right: 1px solid #292827;
303
- }
304
-
305
- .e-hscroll .e-scroll-nav.e-scroll-right-nav {
306
- border-left: 1px solid #292827;
307
- }
308
-
309
- .e-hscroll .e-scroll-nav::after {
310
- background-color: transparent;
311
- border-radius: 50%;
312
- border-width: 1px;
313
- box-sizing: border-box;
314
- content: '';
315
- height: 1px;
316
- left: 50%;
317
- position: absolute;
318
- top: 50%;
319
- visibility: hidden;
320
- width: 1px;
321
- }
322
-
323
- .e-hscroll .e-scroll-nav:active::after {
324
- animation: hscroll-popup-shadow .6s ease-out 0ms;
325
- visibility: visible;
326
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/h-scroll/fluent-dark.scss';
@@ -1,326 +0,0 @@
1
- /*! component's theme wise override definitions and variables */
2
- @keyframes hscroll-popup-shadow {
3
- 0% {
4
- border-color: rgba(255, 255, 255, 0.5);
5
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
- }
7
- 100% {
8
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
- }
10
- }
11
-
12
- /*! hscroll icons */
13
- .e-hscroll.e-rtl.e-scroll-device .e-nav-right-arrow::before {
14
- content: '\e765';
15
- }
16
-
17
- .e-hscroll.e-rtl.e-scroll-device .e-nav-left-arrow::before {
18
- content: '\e748';
19
- }
20
-
21
- .e-hscroll.e-rtl .e-nav-left-arrow::before {
22
- content: '\e748';
23
- }
24
-
25
- .e-hscroll.e-rtl .e-nav-right-arrow::before {
26
- content: '\e765';
27
- }
28
-
29
- .e-hscroll.e-scroll-device .e-nav-right-arrow::before {
30
- content: '\e748';
31
- }
32
-
33
- .e-hscroll.e-scroll-device .e-nav-left-arrow::before {
34
- content: '\e765';
35
- }
36
-
37
- .e-hscroll .e-nav-left-arrow::before {
38
- content: '\e765';
39
- line-height: normal;
40
- }
41
-
42
- .e-hscroll .e-nav-right-arrow::before {
43
- content: '\e748';
44
- line-height: normal;
45
- }
46
-
47
- /*! h-scroll layout */
48
- .e-bigger .e-hscroll,
49
- .e-hscroll.e-bigger {
50
- min-height: 48px;
51
- }
52
-
53
- .e-bigger .e-hscroll:not(.e-scroll-device),
54
- .e-hscroll.e-bigger:not(.e-scroll-device) {
55
- padding: 0 48px;
56
- }
57
-
58
- .e-bigger .e-hscroll.e-scroll-device,
59
- .e-hscroll.e-bigger.e-scroll-device {
60
- padding-right: 48px;
61
- }
62
-
63
- .e-bigger .e-hscroll.e-rtl.e-scroll-device,
64
- .e-hscroll.e-bigger.e-rtl.e-scroll-device {
65
- padding-left: 48px;
66
- padding-right: initial;
67
- }
68
-
69
- .e-bigger .e-hscroll .e-nav-arrow.e-icons,
70
- .e-hscroll.e-bigger .e-nav-arrow.e-icons {
71
- font-size: 22px;
72
- }
73
-
74
- .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
75
- .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
76
- left: 48px;
77
- }
78
-
79
- .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
80
- .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
81
- right: 48px;
82
- }
83
-
84
- .e-bigger .e-hscroll .e-scroll-nav,
85
- .e-hscroll.e-bigger .e-scroll-nav {
86
- min-height: 48px;
87
- width: 48px;
88
- }
89
-
90
- .e-hscroll {
91
- display: block;
92
- position: relative;
93
- width: inherit;
94
- }
95
-
96
- .e-hscroll.e-rtl.e-scroll-device {
97
- padding-left: 40px;
98
- padding-right: initial;
99
- }
100
-
101
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
102
- transform: skewX(-16deg) translateX(-6px);
103
- }
104
-
105
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
106
- left: 48px;
107
- right: auto;
108
- transform: skewX(-16deg) translateX(-6px);
109
- }
110
-
111
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
112
- left: auto;
113
- right: 0;
114
- }
115
-
116
- .e-hscroll:not(.e-scroll-device) {
117
- padding: 0 28px;
118
- }
119
-
120
- .e-hscroll.e-scroll-device {
121
- padding-right: 40px;
122
- }
123
-
124
- .e-hscroll.e-scroll-device .e-scroll-nav {
125
- transform: skewX(-16deg) translateX(6px);
126
- width: 48px;
127
- }
128
-
129
- .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
130
- font-size: 18px;
131
- transform: skewX(16deg);
132
- }
133
-
134
- .e-hscroll.e-scroll-device .e-scroll-overlay {
135
- opacity: 0.5;
136
- pointer-events: none;
137
- position: absolute;
138
- top: 0;
139
- z-index: 100;
140
- }
141
-
142
- .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
143
- left: auto;
144
- right: 48px;
145
- transform: skewX(-16deg) translateX(6px);
146
- }
147
-
148
- .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
149
- left: 0;
150
- right: auto;
151
- }
152
-
153
- .e-hscroll.e-overlay .e-hscroll-content > * {
154
- pointer-events: none;
155
- }
156
-
157
- .e-hscroll > * {
158
- height: inherit;
159
- }
160
-
161
- .e-hscroll .e-hscroll-content {
162
- display: inline-block;
163
- height: inherit;
164
- position: relative;
165
- -ms-touch-action: none;
166
- touch-action: none;
167
- }
168
-
169
- .e-hscroll .e-hscroll-content > * {
170
- pointer-events: auto;
171
- }
172
-
173
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
174
- left: 0;
175
- right: auto;
176
- }
177
-
178
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
179
- left: auto;
180
- right: 0;
181
- }
182
-
183
- .e-hscroll .e-scroll-nav {
184
- -ms-flex-align: center;
185
- align-items: center;
186
- bottom: 0;
187
- cursor: pointer;
188
- display: -ms-flexbox;
189
- display: flex;
190
- min-height: 38px;
191
- overflow: hidden;
192
- position: absolute;
193
- top: 0;
194
- width: 28px;
195
- }
196
-
197
- .e-hscroll .e-scroll-nav.e-scroll-left-nav {
198
- left: 0;
199
- }
200
-
201
- .e-hscroll .e-scroll-nav.e-scroll-right-nav {
202
- right: 0;
203
- }
204
-
205
- .e-hscroll .e-scroll-nav.e-ie-align {
206
- display: table;
207
- }
208
-
209
- .e-hscroll .e-nav-arrow {
210
- position: relative;
211
- }
212
-
213
- .e-hscroll .e-nav-arrow.e-icons {
214
- display: table-cell;
215
- text-align: center;
216
- vertical-align: middle;
217
- width: 100%;
218
- }
219
-
220
- .e-hscroll .e-hscroll-bar .e-hscroll-content .e-overlay {
221
- pointer-events: none;
222
- }
223
-
224
- /*! h-scroll theme */
225
- .e-hscroll .e-scroll-nav .e-icons {
226
- color: #605e5c;
227
- }
228
-
229
- .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
230
- border-color: #edebe9;
231
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
232
- }
233
-
234
- .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
235
- background-color: #f3f2f1;
236
- border-color: #edebe9;
237
- border-width: 1px;
238
- box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
239
- }
240
-
241
- .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
242
- color: #605e5c;
243
- }
244
-
245
- .e-hscroll .e-scroll-overlay {
246
- background-color: transparent;
247
- background-repeat: repeat-x;
248
- }
249
-
250
- .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
251
- background-image: linear-gradient(-270deg, #f3f2f1 0%, rgba(243, 242, 241, 0) 100%);
252
- }
253
-
254
- .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
255
- background-image: linear-gradient(-270deg, rgba(243, 242, 241, 0) 0%, #f3f2f1 100%);
256
- }
257
-
258
- .e-hscroll.e-rtl .e-scroll-nav {
259
- background: #f3f2f1;
260
- }
261
-
262
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
263
- border-left: 1px solid #edebe9;
264
- border-right: 0;
265
- }
266
-
267
- .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
268
- border-left: 0;
269
- border-right: 1px solid #edebe9;
270
- }
271
-
272
- .e-hscroll.e-rtl .e-scroll-nav:hover {
273
- background: #edebe9;
274
- border: 0;
275
- color: #605e5c;
276
- }
277
-
278
- .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
279
- background: #edebe9;
280
- border: 0;
281
- color: #605e5c;
282
- }
283
-
284
- .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
285
- background: #edebe9;
286
- border: 0;
287
- color: #605e5c;
288
- }
289
-
290
- .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
291
- background: #f3f2f1;
292
- border: 0;
293
- box-shadow: none;
294
- color: #3b3a39;
295
- }
296
-
297
- .e-hscroll .e-scroll-nav {
298
- background: #f3f2f1;
299
- }
300
-
301
- .e-hscroll .e-scroll-nav.e-scroll-left-nav {
302
- border-right: 1px solid #edebe9;
303
- }
304
-
305
- .e-hscroll .e-scroll-nav.e-scroll-right-nav {
306
- border-left: 1px solid #edebe9;
307
- }
308
-
309
- .e-hscroll .e-scroll-nav::after {
310
- background-color: transparent;
311
- border-radius: 50%;
312
- border-width: 1px;
313
- box-sizing: border-box;
314
- content: '';
315
- height: 1px;
316
- left: 50%;
317
- position: absolute;
318
- top: 50%;
319
- visibility: hidden;
320
- width: 1px;
321
- }
322
-
323
- .e-hscroll .e-scroll-nav:active::after {
324
- animation: hscroll-popup-shadow .6s ease-out 0ms;
325
- visibility: visible;
326
- }
@@ -1 +0,0 @@
1
- @import 'ej2-navigations/styles/h-scroll/fluent.scss';