@syncfusion/ej2-navigations 20.4.52 → 21.1.35

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 (257) hide show
  1. package/CHANGELOG.md +32 -4
  2. package/README.md +213 -143
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +128 -34
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +127 -33
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +13 -12
  14. package/src/accordion/accordion-model.d.ts +4 -4
  15. package/src/accordion/accordion.d.ts +8 -4
  16. package/src/appbar/appbar-model.d.ts +9 -9
  17. package/src/appbar/appbar.d.ts +24 -21
  18. package/src/breadcrumb/breadcrumb-model.d.ts +4 -2
  19. package/src/breadcrumb/breadcrumb.d.ts +32 -3
  20. package/src/breadcrumb/breadcrumb.js +32 -0
  21. package/src/carousel/carousel-model.d.ts +7 -7
  22. package/src/carousel/carousel.d.ts +24 -20
  23. package/src/carousel/carousel.js +25 -11
  24. package/src/common/menu-base.d.ts +13 -2
  25. package/src/menu/menu.d.ts +5 -1
  26. package/src/sidebar/sidebar.d.ts +26 -2
  27. package/src/sidebar/sidebar.js +1 -1
  28. package/src/tab/tab-model.d.ts +20 -20
  29. package/src/tab/tab.d.ts +38 -21
  30. package/src/tab/tab.js +32 -5
  31. package/src/toolbar/toolbar-model.d.ts +22 -16
  32. package/src/toolbar/toolbar.d.ts +48 -16
  33. package/src/toolbar/toolbar.js +10 -4
  34. package/src/treeview/treeview-model.d.ts +4 -4
  35. package/src/treeview/treeview.d.ts +32 -4
  36. package/src/treeview/treeview.js +26 -11
  37. package/styles/accordion/_bootstrap-dark-definition.scss +0 -1
  38. package/styles/accordion/_bootstrap-definition.scss +0 -1
  39. package/styles/accordion/_bootstrap4-definition.scss +0 -1
  40. package/styles/accordion/_bootstrap5-definition.scss +6 -7
  41. package/styles/accordion/_fabric-dark-definition.scss +0 -1
  42. package/styles/accordion/_fabric-definition.scss +0 -1
  43. package/styles/accordion/_fluent-definition.scss +5 -6
  44. package/styles/accordion/_fusionnew-definition.scss +0 -1
  45. package/styles/accordion/_highcontrast-definition.scss +0 -1
  46. package/styles/accordion/_highcontrast-light-definition.scss +0 -1
  47. package/styles/accordion/_layout.scss +0 -1
  48. package/styles/accordion/_material-dark-definition.scss +0 -1
  49. package/styles/accordion/_material-definition.scss +0 -1
  50. package/styles/accordion/_tailwind-definition.scss +5 -6
  51. package/styles/accordion/bootstrap-dark.css +0 -1
  52. package/styles/accordion/bootstrap.css +0 -1
  53. package/styles/accordion/bootstrap4.css +0 -1
  54. package/styles/accordion/bootstrap5-dark.css +3 -4
  55. package/styles/accordion/bootstrap5.css +3 -4
  56. package/styles/accordion/fabric-dark.css +0 -1
  57. package/styles/accordion/fabric.css +0 -1
  58. package/styles/accordion/fluent-dark.css +3 -4
  59. package/styles/accordion/fluent.css +3 -4
  60. package/styles/accordion/highcontrast-light.css +0 -1
  61. package/styles/accordion/highcontrast.css +0 -1
  62. package/styles/accordion/material-dark.css +0 -1
  63. package/styles/accordion/material.css +0 -1
  64. package/styles/accordion/tailwind-dark.css +3 -4
  65. package/styles/accordion/tailwind.css +3 -4
  66. package/styles/appbar/_bootstrap5-definition.scss +2 -2
  67. package/styles/appbar/_fluent-definition.scss +2 -2
  68. package/styles/appbar/_layout.scss +3 -0
  69. package/styles/appbar/_tailwind-definition.scss +2 -2
  70. package/styles/appbar/bootstrap-dark.css +3 -0
  71. package/styles/appbar/bootstrap.css +3 -0
  72. package/styles/appbar/bootstrap4.css +3 -0
  73. package/styles/appbar/bootstrap5-dark.css +3 -0
  74. package/styles/appbar/bootstrap5.css +3 -0
  75. package/styles/appbar/fabric-dark.css +3 -0
  76. package/styles/appbar/fabric.css +3 -0
  77. package/styles/appbar/fluent-dark.css +3 -0
  78. package/styles/appbar/fluent.css +3 -0
  79. package/styles/appbar/highcontrast-light.css +3 -0
  80. package/styles/appbar/highcontrast.css +3 -0
  81. package/styles/appbar/material-dark.css +3 -0
  82. package/styles/appbar/material.css +3 -0
  83. package/styles/appbar/tailwind-dark.css +3 -0
  84. package/styles/appbar/tailwind.css +3 -0
  85. package/styles/bootstrap-dark.css +669 -938
  86. package/styles/bootstrap.css +658 -927
  87. package/styles/bootstrap4.css +724 -993
  88. package/styles/bootstrap5-dark.css +685 -954
  89. package/styles/bootstrap5.css +686 -955
  90. package/styles/breadcrumb/_bootstrap5-definition.scss +2 -2
  91. package/styles/breadcrumb/_fluent-definition.scss +2 -2
  92. package/styles/breadcrumb/_layout.scss +2 -2
  93. package/styles/breadcrumb/_tailwind-definition.scss +2 -2
  94. package/styles/breadcrumb/_theme.scss +18 -2
  95. package/styles/carousel/_layout.scss +7 -0
  96. package/styles/carousel/bootstrap-dark.css +4 -0
  97. package/styles/carousel/bootstrap.css +4 -0
  98. package/styles/carousel/bootstrap4.css +4 -0
  99. package/styles/carousel/bootstrap5-dark.css +4 -0
  100. package/styles/carousel/bootstrap5.css +4 -0
  101. package/styles/carousel/fabric-dark.css +4 -0
  102. package/styles/carousel/fabric.css +4 -0
  103. package/styles/carousel/fluent-dark.css +4 -0
  104. package/styles/carousel/fluent.css +4 -0
  105. package/styles/carousel/highcontrast-light.css +4 -0
  106. package/styles/carousel/highcontrast.css +4 -0
  107. package/styles/carousel/material-dark.css +4 -0
  108. package/styles/carousel/material.css +4 -0
  109. package/styles/carousel/tailwind-dark.css +4 -0
  110. package/styles/carousel/tailwind.css +4 -0
  111. package/styles/context-menu/_bootstrap5-definition.scss +3 -3
  112. package/styles/context-menu/_fluent-definition.scss +2 -2
  113. package/styles/context-menu/_tailwind-definition.scss +3 -3
  114. package/styles/fabric-dark.css +669 -938
  115. package/styles/fabric.css +669 -938
  116. package/styles/fluent-dark.css +677 -946
  117. package/styles/fluent.css +677 -946
  118. package/styles/h-scroll/_bootstrap-dark-definition.scss +0 -1
  119. package/styles/h-scroll/_bootstrap-definition.scss +0 -1
  120. package/styles/h-scroll/_bootstrap4-definition.scss +0 -1
  121. package/styles/h-scroll/_bootstrap5-definition.scss +0 -1
  122. package/styles/h-scroll/_fabric-dark-definition.scss +0 -1
  123. package/styles/h-scroll/_fabric-definition.scss +0 -1
  124. package/styles/h-scroll/_fluent-definition.scss +0 -1
  125. package/styles/h-scroll/_fusionnew-definition.scss +0 -1
  126. package/styles/h-scroll/_highcontrast-definition.scss +0 -1
  127. package/styles/h-scroll/_highcontrast-light-definition.scss +0 -1
  128. package/styles/h-scroll/_layout.scss +1 -0
  129. package/styles/h-scroll/_material-dark-definition.scss +0 -1
  130. package/styles/h-scroll/_material-definition.scss +0 -1
  131. package/styles/h-scroll/_tailwind-definition.scss +0 -1
  132. package/styles/h-scroll/_theme.scss +0 -1
  133. package/styles/h-scroll/bootstrap-dark.css +1 -1
  134. package/styles/h-scroll/bootstrap.css +1 -1
  135. package/styles/h-scroll/bootstrap4.css +1 -1
  136. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  137. package/styles/h-scroll/bootstrap5.css +1 -1
  138. package/styles/h-scroll/fabric-dark.css +1 -1
  139. package/styles/h-scroll/fabric.css +1 -1
  140. package/styles/h-scroll/fluent-dark.css +1 -1
  141. package/styles/h-scroll/fluent.css +1 -1
  142. package/styles/h-scroll/highcontrast-light.css +1 -1
  143. package/styles/h-scroll/highcontrast.css +1 -1
  144. package/styles/h-scroll/material-dark.css +1 -1
  145. package/styles/h-scroll/material.css +1 -1
  146. package/styles/h-scroll/tailwind-dark.css +1 -1
  147. package/styles/h-scroll/tailwind.css +1 -1
  148. package/styles/highcontrast-light.css +668 -937
  149. package/styles/highcontrast.css +675 -944
  150. package/styles/material-dark.css +669 -938
  151. package/styles/material.css +661 -930
  152. package/styles/menu/_bootstrap5-definition.scss +2 -2
  153. package/styles/menu/_layout.scss +1 -1
  154. package/styles/menu/_tailwind-definition.scss +2 -2
  155. package/styles/menu/_theme.scss +31 -15
  156. package/styles/menu/bootstrap-dark.css +7 -7
  157. package/styles/menu/bootstrap.css +7 -7
  158. package/styles/menu/bootstrap4.css +10 -10
  159. package/styles/menu/bootstrap5-dark.css +7 -7
  160. package/styles/menu/bootstrap5.css +7 -7
  161. package/styles/menu/fabric-dark.css +7 -7
  162. package/styles/menu/fabric.css +7 -7
  163. package/styles/menu/fluent-dark.css +7 -7
  164. package/styles/menu/fluent.css +7 -7
  165. package/styles/menu/highcontrast-light.css +7 -7
  166. package/styles/menu/highcontrast.css +7 -7
  167. package/styles/menu/icons/_material3.scss +12 -12
  168. package/styles/menu/material-dark.css +7 -7
  169. package/styles/menu/material.css +7 -7
  170. package/styles/menu/tailwind-dark.css +7 -7
  171. package/styles/menu/tailwind.css +7 -7
  172. package/styles/pager/_bootstrap5-definition.scss +1 -1
  173. package/styles/pager/_fusionnew-definition.scss +1 -1
  174. package/styles/sidebar/_theme.scss +1 -1
  175. package/styles/tab/_bootstrap-dark-definition.scss +0 -2
  176. package/styles/tab/_bootstrap-definition.scss +0 -2
  177. package/styles/tab/_bootstrap4-definition.scss +1 -3
  178. package/styles/tab/_bootstrap5-definition.scss +12 -14
  179. package/styles/tab/_fabric-dark-definition.scss +0 -2
  180. package/styles/tab/_fabric-definition.scss +0 -2
  181. package/styles/tab/_fluent-definition.scss +4 -6
  182. package/styles/tab/_fusionnew-definition.scss +2 -4
  183. package/styles/tab/_highcontrast-definition.scss +0 -2
  184. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  185. package/styles/tab/_layout.scss +8 -6
  186. package/styles/tab/_material-dark-definition.scss +0 -2
  187. package/styles/tab/_material-definition.scss +0 -2
  188. package/styles/tab/_tailwind-definition.scss +3 -5
  189. package/styles/tab/_theme.scss +0 -1
  190. package/styles/tab/bootstrap-dark.css +5 -2
  191. package/styles/tab/bootstrap.css +5 -2
  192. package/styles/tab/bootstrap4.css +12 -9
  193. package/styles/tab/bootstrap5-dark.css +11 -8
  194. package/styles/tab/bootstrap5.css +11 -8
  195. package/styles/tab/fabric-dark.css +7 -4
  196. package/styles/tab/fabric.css +7 -4
  197. package/styles/tab/fluent-dark.css +8 -5
  198. package/styles/tab/fluent.css +8 -5
  199. package/styles/tab/highcontrast-light.css +10 -7
  200. package/styles/tab/highcontrast.css +10 -7
  201. package/styles/tab/material-dark.css +4 -1
  202. package/styles/tab/material.css +4 -1
  203. package/styles/tab/tailwind-dark.css +8 -5
  204. package/styles/tab/tailwind.css +8 -5
  205. package/styles/tailwind-dark.css +668 -937
  206. package/styles/tailwind.css +668 -937
  207. package/styles/toolbar/_bootstrap-dark-definition.scss +13 -41
  208. package/styles/toolbar/_bootstrap-definition.scss +13 -41
  209. package/styles/toolbar/_bootstrap4-definition.scss +15 -43
  210. package/styles/toolbar/_bootstrap5-definition.scss +21 -49
  211. package/styles/toolbar/_fabric-dark-definition.scss +14 -43
  212. package/styles/toolbar/_fabric-definition.scss +15 -43
  213. package/styles/toolbar/_fluent-definition.scss +22 -50
  214. package/styles/toolbar/_fusionnew-definition.scss +17 -45
  215. package/styles/toolbar/_highcontrast-definition.scss +15 -43
  216. package/styles/toolbar/_highcontrast-light-definition.scss +14 -43
  217. package/styles/toolbar/_layout.scss +684 -977
  218. package/styles/toolbar/_material-dark-definition.scss +19 -49
  219. package/styles/toolbar/_material-definition.scss +21 -49
  220. package/styles/toolbar/_tailwind-definition.scss +21 -49
  221. package/styles/toolbar/_theme.scss +205 -294
  222. package/styles/toolbar/bootstrap-dark.css +647 -925
  223. package/styles/toolbar/bootstrap.css +638 -916
  224. package/styles/toolbar/bootstrap4.css +657 -935
  225. package/styles/toolbar/bootstrap5-dark.css +658 -936
  226. package/styles/toolbar/bootstrap5.css +658 -936
  227. package/styles/toolbar/fabric-dark.css +645 -923
  228. package/styles/toolbar/fabric.css +651 -929
  229. package/styles/toolbar/fluent-dark.css +650 -928
  230. package/styles/toolbar/fluent.css +650 -928
  231. package/styles/toolbar/highcontrast-light.css +642 -920
  232. package/styles/toolbar/highcontrast.css +647 -925
  233. package/styles/toolbar/material-dark.css +649 -927
  234. package/styles/toolbar/material.css +646 -924
  235. package/styles/toolbar/tailwind-dark.css +647 -925
  236. package/styles/toolbar/tailwind.css +645 -923
  237. package/styles/treeview/_bootstrap5-definition.scss +5 -5
  238. package/styles/treeview/_fluent-definition.scss +5 -5
  239. package/styles/treeview/_layout.scss +8 -4
  240. package/styles/treeview/_tailwind-definition.scss +5 -5
  241. package/styles/treeview/_theme.scss +3 -0
  242. package/GitLeaksReport.json +0 -1
  243. package/gitleaks-ci/gitleaks +0 -0
  244. package/gitleaks-ci.tar.gz +0 -0
  245. package/styles/accordion/_material3-definition.scss +0 -181
  246. package/styles/appbar/_material3-definition.scss +0 -8
  247. package/styles/breadcrumb/_material3-definition.scss +0 -59
  248. package/styles/carousel/_material3-definition.scss +0 -22
  249. package/styles/context-menu/_material3-definition.scss +0 -52
  250. package/styles/h-scroll/_material3-definition.scss +0 -84
  251. package/styles/menu/_material3-definition.scss +0 -67
  252. package/styles/pager/_material3-definition.scss +0 -146
  253. package/styles/sidebar/_material3-definition.scss +0 -6
  254. package/styles/tab/_material3-definition.scss +0 -658
  255. package/styles/toolbar/_material3-definition.scss +0 -248
  256. package/styles/treeview/_material3-definition.scss +0 -120
  257. package/styles/v-scroll/_material3-definition.scss +0 -49
@@ -42,7 +42,6 @@ $hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
42
42
 
43
43
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
44
44
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
45
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
46
45
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
47
46
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
48
47
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -43,7 +43,6 @@ $hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
43
43
 
44
44
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
45
45
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
46
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
47
46
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
48
47
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
49
48
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -43,7 +43,6 @@ $hscroll-active-box-shadow: none !default;
43
43
 
44
44
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
45
45
  $hscroll-nav-hover-icons-color: inherit !default;
46
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
47
46
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
48
47
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
49
48
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -43,7 +43,6 @@ $hscroll-default-icon-color: $theme-primary-font !default;
43
43
 
44
44
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
45
45
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
46
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
47
46
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
48
47
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
49
48
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -42,7 +42,6 @@ $hscroll-device-arrow-width: 52px !default;
42
42
 
43
43
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
44
44
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
45
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
46
45
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
47
46
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
48
47
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -45,7 +45,6 @@ $hscroll-device-arrow-width: 52px !default;
45
45
 
46
46
  $hscroll-nav-hover-press-bg: $hscroll-press-bg !default;
47
47
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
48
- $hscroll-nav-hover-border: 2px solid $hscroll-nav-hover-border-color !default;
49
48
  $hscroll-nav-focus-border: 2px solid #fff;
50
49
 
51
50
  @mixin hscroll-btn-animation {
@@ -46,7 +46,6 @@ $hscroll-default-icon-color: $selection-bg !default;
46
46
 
47
47
  $hscroll-nav-hover-press-bg: $hscroll-press-bg !default;
48
48
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
49
- $hscroll-nav-hover-border: 2px solid $hscroll-nav-hover-border-color !default;
50
49
  $hscroll-nav-focus-border: 2px solid #fff !default;
51
50
 
52
51
  @mixin hscroll-btn-animation {
@@ -120,6 +120,7 @@
120
120
 
121
121
  > * {
122
122
  height: inherit;
123
+ line-height: normal;
123
124
  }
124
125
 
125
126
  .e-hscroll-content {
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -47,7 +47,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
47
47
 
48
48
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
49
49
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
50
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
51
50
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
52
51
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
53
52
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -48,7 +48,6 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
48
48
 
49
49
  $hscroll-nav-hover-press-bg: $hscroll-hover-bg !default;
50
50
  $hscroll-nav-hover-icons-color: $hscroll-default-icon-color !default;
51
- $hscroll-nav-hover-border: $hscroll-hover-border !default;
52
51
  $hscroll-nav-focus-bg-color: $hscroll-hover-bg !default;
53
52
  $hscroll-nav-focus-border: $hscroll-focus-border !default;
54
53
  $hscroll-nav-active-color: $hscroll-default-icon-color !default;
@@ -78,7 +78,6 @@
78
78
 
79
79
  &:hover {
80
80
  background: $hscroll-hover-bg;
81
- border: $hscroll-nav-hover-border;
82
81
  color: $hscroll-hover-font;
83
82
 
84
83
  .e-icons {
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #393939;
222
- border: 0;
223
223
  color: #fff;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -119,6 +119,7 @@
119
119
  }
120
120
  .e-hscroll > * {
121
121
  height: inherit;
122
+ line-height: normal;
122
123
  }
123
124
  .e-hscroll .e-hscroll-content {
124
125
  display: inline-block;
@@ -220,7 +221,6 @@
220
221
  }
221
222
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
222
223
  background: #e6e6e6;
223
- border: 0;
224
224
  color: #333;
225
225
  }
226
226
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -119,6 +119,7 @@
119
119
  }
120
120
  .e-hscroll > * {
121
121
  height: inherit;
122
+ line-height: normal;
122
123
  }
123
124
  .e-hscroll .e-hscroll-content {
124
125
  display: inline-block;
@@ -220,7 +221,6 @@
220
221
  }
221
222
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
222
223
  background: #5a6268;
223
- border: 1px #545b62;
224
224
  color: #fff;
225
225
  }
226
226
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #495057;
232
- border: 0;
233
233
  color: #adb5bd;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #dee2e6;
232
- border: 0;
233
233
  color: #6c757d;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #414040;
222
- border: 0;
223
223
  color: #dadada;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #f4f4f4;
222
- border: 0;
223
223
  color: #333;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #292827;
232
- border: 0;
233
233
  color: #a19f9d;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #edebe9;
232
- border: 0;
233
233
  color: #605e5c;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #ecf;
222
- border: 2px solid #000;
223
223
  color: #000;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #685708;
222
- border: 2px solid #fff;
223
223
  color: #fff;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: rgba(255, 255, 255, 0.1);
232
- border: 0;
233
233
  color: #000;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: rgba(0, 0, 0, 0.12);
233
- border: 0;
234
234
  color: #000;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: #4b5563;
233
- border: 0;
234
234
  color: #9ca3af;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: #e5e7eb;
233
- border: 0;
234
234
  color: #6b7280;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {