@syncfusion/ej2-navigations 20.2.50 → 20.3.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.
- package/CHANGELOG.md +35 -0
- package/README.md +14 -0
- package/appbar.d.ts +4 -0
- package/appbar.js +4 -0
- package/dist/ej2-navigations.min.js +10 -0
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +345 -35
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +364 -35
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +13 -12
- package/src/accordion/accordion-model.d.ts +1 -1
- package/src/accordion/accordion.js +7 -3
- package/src/appbar/appbar-model.d.ts +76 -0
- package/src/appbar/appbar.d.ts +112 -0
- package/src/appbar/appbar.js +220 -0
- package/src/appbar/index.d.ts +3 -0
- package/src/appbar/index.js +2 -0
- package/src/carousel/carousel-model.d.ts +11 -2
- package/src/carousel/carousel.d.ts +9 -0
- package/src/carousel/carousel.js +105 -14
- package/src/common/menu-base.js +2 -1
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/tab/tab.d.ts +11 -7
- package/src/tab/tab.js +21 -14
- package/src/treeview/treeview.d.ts +1 -0
- package/src/treeview/treeview.js +9 -3
- package/styles/accordion/_all.scss +1 -1
- package/styles/accordion/_bootstrap-dark-definition.scss +5 -2
- package/styles/accordion/_bootstrap-definition.scss +3 -3
- package/styles/accordion/_bootstrap4-definition.scss +4 -1
- package/styles/accordion/_bootstrap5-definition.scss +1 -1
- package/styles/accordion/_fabric-dark-definition.scss +3 -4
- package/styles/accordion/_fabric-definition.scss +3 -3
- package/styles/accordion/_fluent-definition.scss +0 -1
- package/styles/accordion/_fusionnew-definition.scss +1 -1
- package/styles/accordion/_highcontrast-definition.scss +4 -4
- package/styles/accordion/_highcontrast-light-definition.scss +1 -1
- package/styles/accordion/_layout.scss +8 -9
- package/styles/accordion/_material-dark-definition.scss +3 -1
- package/styles/accordion/_material-definition.scss +1 -0
- package/styles/accordion/_material3-definition.scss +1 -1
- package/styles/accordion/_tailwind-definition.scss +0 -1
- package/styles/accordion/_theme.scss +6 -5
- package/styles/accordion/bootstrap-dark.css +1 -0
- package/styles/accordion/bootstrap.css +1 -0
- package/styles/accordion/bootstrap4.css +1 -0
- package/styles/accordion/bootstrap5-dark.css +2 -0
- package/styles/accordion/bootstrap5.css +2 -0
- package/styles/accordion/fabric-dark.css +1 -0
- package/styles/accordion/fabric.css +1 -0
- package/styles/accordion/fluent-dark.css +1 -0
- package/styles/accordion/fluent.css +1 -0
- package/styles/accordion/highcontrast-light.css +1 -0
- package/styles/accordion/highcontrast.css +1 -0
- package/styles/accordion/icons/_bootstrap-dark.scss +2 -2
- package/styles/accordion/icons/_bootstrap.scss +2 -2
- package/styles/accordion/icons/_bootstrap4.scss +2 -2
- package/styles/accordion/icons/_bootstrap5.scss +2 -3
- package/styles/accordion/icons/_fabric-dark.scss +2 -2
- package/styles/accordion/icons/_fabric.scss +2 -2
- package/styles/accordion/icons/_fluent.scss +2 -3
- package/styles/accordion/icons/_fusionnew.scss +2 -3
- package/styles/accordion/icons/_highcontrast-light.scss +2 -2
- package/styles/accordion/icons/_highcontrast.scss +2 -2
- package/styles/accordion/icons/_material-dark.scss +2 -2
- package/styles/accordion/icons/_material.scss +2 -2
- package/styles/accordion/icons/_material3.scss +2 -3
- package/styles/accordion/icons/_tailwind.scss +2 -3
- package/styles/accordion/material-dark.css +1 -0
- package/styles/accordion/material.css +1 -0
- package/styles/accordion/tailwind-dark.css +1 -0
- package/styles/accordion/tailwind.css +1 -0
- package/styles/appbar/_all.scss +2 -0
- package/styles/appbar/_bootstrap-dark-definition.scss +8 -0
- package/styles/appbar/_bootstrap-definition.scss +8 -0
- package/styles/appbar/_bootstrap4-definition.scss +8 -0
- package/styles/appbar/_bootstrap5-dark-definition.scss +1 -0
- package/styles/appbar/_bootstrap5-definition.scss +8 -0
- package/styles/appbar/_fabric-dark-definition.scss +8 -0
- package/styles/appbar/_fabric-definition.scss +8 -0
- package/styles/appbar/_fluent-dark-definition.scss +1 -0
- package/styles/appbar/_fluent-definition.scss +8 -0
- package/styles/appbar/_fusionnew-definition.scss +8 -0
- package/styles/appbar/_highcontrast-definition.scss +8 -0
- package/styles/appbar/_highcontrast-light-definition.scss +8 -0
- package/styles/appbar/_layout.scss +81 -0
- package/styles/appbar/_material-dark-definition.scss +8 -0
- package/styles/appbar/_material-definition.scss +8 -0
- package/styles/appbar/_material3-definition.scss +8 -0
- package/styles/appbar/_tailwind-dark-definition.scss +1 -0
- package/styles/appbar/_tailwind-definition.scss +8 -0
- package/styles/appbar/_theme.scss +208 -0
- package/styles/appbar/bootstrap-dark.css +244 -0
- package/styles/appbar/bootstrap-dark.scss +3 -0
- package/styles/appbar/bootstrap.css +244 -0
- package/styles/appbar/bootstrap.scss +3 -0
- package/styles/appbar/bootstrap4.css +244 -0
- package/styles/appbar/bootstrap4.scss +3 -0
- package/styles/appbar/bootstrap5-dark.css +244 -0
- package/styles/appbar/bootstrap5-dark.scss +3 -0
- package/styles/appbar/bootstrap5.css +244 -0
- package/styles/appbar/bootstrap5.scss +3 -0
- package/styles/appbar/fabric-dark.css +244 -0
- package/styles/appbar/fabric-dark.scss +3 -0
- package/styles/appbar/fabric.css +244 -0
- package/styles/appbar/fabric.scss +3 -0
- package/styles/appbar/fluent-dark.css +244 -0
- package/styles/appbar/fluent-dark.scss +3 -0
- package/styles/appbar/fluent.css +244 -0
- package/styles/appbar/fluent.scss +3 -0
- package/styles/appbar/highcontrast-light.css +244 -0
- package/styles/appbar/highcontrast-light.scss +3 -0
- package/styles/appbar/highcontrast.css +244 -0
- package/styles/appbar/highcontrast.scss +3 -0
- package/styles/appbar/material-dark.css +245 -0
- package/styles/appbar/material-dark.scss +3 -0
- package/styles/appbar/material.css +245 -0
- package/styles/appbar/material.scss +3 -0
- package/styles/appbar/tailwind-dark.css +245 -0
- package/styles/appbar/tailwind-dark.scss +3 -0
- package/styles/appbar/tailwind.css +245 -0
- package/styles/appbar/tailwind.scss +3 -0
- package/styles/bootstrap-dark.css +340 -21
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +345 -26
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +348 -29
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +360 -36
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +360 -36
- package/styles/bootstrap5.scss +1 -0
- package/styles/breadcrumb/_all.scss +1 -0
- package/styles/breadcrumb/_bootstrap-dark-definition.scss +1 -2
- package/styles/breadcrumb/_layout.scss +4 -3
- package/styles/breadcrumb/_theme.scss +1 -0
- package/styles/breadcrumb/icons/_bootstrap-dark.scss +1 -1
- package/styles/breadcrumb/icons/_bootstrap.scss +1 -1
- package/styles/breadcrumb/icons/_bootstrap4.scss +1 -1
- package/styles/breadcrumb/icons/_bootstrap5.scss +1 -1
- package/styles/breadcrumb/icons/_fabric-dark.scss +1 -1
- package/styles/breadcrumb/icons/_fabric.scss +1 -1
- package/styles/breadcrumb/icons/_fluent.scss +1 -1
- package/styles/breadcrumb/icons/_fusionnew.scss +1 -1
- package/styles/breadcrumb/icons/_highcontrast-light.scss +1 -1
- package/styles/breadcrumb/icons/_highcontrast.scss +1 -1
- package/styles/breadcrumb/icons/_material-dark.scss +1 -1
- package/styles/breadcrumb/icons/_material.scss +1 -1
- package/styles/breadcrumb/icons/_material3.scss +1 -1
- package/styles/breadcrumb/icons/_tailwind-dark.scss +1 -1
- package/styles/breadcrumb/icons/_tailwind.scss +1 -1
- package/styles/carousel/_all.scss +1 -1
- package/styles/carousel/_layout.scss +44 -5
- package/styles/carousel/bootstrap-dark.css +46 -11
- package/styles/carousel/bootstrap.css +46 -11
- package/styles/carousel/bootstrap4.css +46 -11
- package/styles/carousel/bootstrap5-dark.css +46 -11
- package/styles/carousel/bootstrap5.css +46 -11
- package/styles/carousel/fabric-dark.css +46 -11
- package/styles/carousel/fabric.css +46 -11
- package/styles/carousel/fluent-dark.css +46 -11
- package/styles/carousel/fluent.css +46 -11
- package/styles/carousel/highcontrast-light.css +46 -11
- package/styles/carousel/highcontrast.css +46 -11
- package/styles/carousel/material-dark.css +46 -11
- package/styles/carousel/material.css +46 -11
- package/styles/carousel/tailwind-dark.css +46 -11
- package/styles/carousel/tailwind.css +46 -11
- package/styles/context-menu/_bootstrap-dark-definition.scss +2 -1
- package/styles/context-menu/_bootstrap4-definition.scss +3 -3
- package/styles/context-menu/_bootstrap5-definition.scss +2 -2
- package/styles/context-menu/_fabric-dark-definition.scss +2 -1
- package/styles/context-menu/_highcontrast-light-definition.scss +2 -1
- package/styles/context-menu/_layout-mixin.scss +0 -1
- package/styles/context-menu/_layout.scss +1 -0
- package/styles/context-menu/_material-dark-definition.scss +2 -1
- package/styles/context-menu/_theme.scss +1 -0
- package/styles/context-menu/bootstrap4.css +2 -2
- package/styles/context-menu/bootstrap5-dark.css +3 -3
- package/styles/context-menu/bootstrap5.css +3 -3
- package/styles/context-menu/fluent-dark.css +1 -1
- package/styles/context-menu/fluent.css +1 -1
- package/styles/context-menu/icons/_bootstrap-dark.scss +1 -0
- package/styles/context-menu/icons/_bootstrap.scss +1 -0
- package/styles/context-menu/icons/_bootstrap4.scss +1 -0
- package/styles/context-menu/icons/_bootstrap5.scss +1 -0
- package/styles/context-menu/icons/_fabric-dark.scss +1 -0
- package/styles/context-menu/icons/_fabric.scss +1 -0
- package/styles/context-menu/icons/_fluent.scss +1 -0
- package/styles/context-menu/icons/_fusionnew.scss +1 -0
- package/styles/context-menu/icons/_highcontrast-light.scss +1 -0
- package/styles/context-menu/icons/_highcontrast.scss +1 -0
- package/styles/context-menu/icons/_material-dark.scss +1 -0
- package/styles/context-menu/icons/_material.scss +1 -0
- package/styles/context-menu/icons/_material3.scss +1 -0
- package/styles/context-menu/icons/_tailwind-dark.scss +1 -0
- package/styles/context-menu/icons/_tailwind.scss +1 -0
- package/styles/context-menu/tailwind-dark.css +1 -1
- package/styles/context-menu/tailwind.css +1 -1
- package/styles/fabric-dark.css +340 -21
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +340 -21
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.css +352 -33
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +352 -33
- package/styles/fluent.scss +1 -0
- package/styles/h-scroll/_all.scss +1 -1
- package/styles/h-scroll/_bootstrap-dark-definition.scss +4 -3
- package/styles/h-scroll/_bootstrap-definition.scss +3 -4
- package/styles/h-scroll/_bootstrap5-definition.scss +5 -7
- package/styles/h-scroll/_fabric-dark-definition.scss +4 -3
- package/styles/h-scroll/_fabric-definition.scss +4 -4
- package/styles/h-scroll/_fluent-definition.scss +5 -7
- package/styles/h-scroll/_fusionnew-definition.scss +5 -7
- package/styles/h-scroll/_highcontrast-definition.scss +4 -4
- package/styles/h-scroll/_highcontrast-light-definition.scss +4 -3
- package/styles/h-scroll/_layout.scss +11 -13
- package/styles/h-scroll/_material-dark-definition.scss +6 -5
- package/styles/h-scroll/_material-definition.scss +8 -10
- package/styles/h-scroll/_material3-definition.scss +5 -7
- package/styles/h-scroll/_tailwind-definition.scss +6 -8
- package/styles/h-scroll/_theme.scss +3 -5
- package/styles/h-scroll/bootstrap-dark.css +0 -2
- package/styles/h-scroll/bootstrap.css +0 -2
- package/styles/h-scroll/bootstrap4.css +0 -2
- package/styles/h-scroll/bootstrap5-dark.css +0 -2
- package/styles/h-scroll/bootstrap5.css +0 -2
- package/styles/h-scroll/fabric-dark.css +0 -2
- package/styles/h-scroll/fabric.css +0 -2
- package/styles/h-scroll/fluent-dark.css +0 -2
- package/styles/h-scroll/fluent.css +0 -2
- package/styles/h-scroll/highcontrast-light.css +0 -2
- package/styles/h-scroll/highcontrast.css +0 -2
- package/styles/h-scroll/icons/_bootstrap-dark.scss +3 -4
- package/styles/h-scroll/icons/_bootstrap.scss +3 -4
- package/styles/h-scroll/icons/_bootstrap4.scss +3 -4
- package/styles/h-scroll/icons/_bootstrap5.scss +3 -3
- package/styles/h-scroll/icons/_fabric-dark.scss +3 -3
- package/styles/h-scroll/icons/_fabric.scss +3 -3
- package/styles/h-scroll/icons/_fluent.scss +3 -3
- package/styles/h-scroll/icons/_fusionnew.scss +3 -3
- package/styles/h-scroll/icons/_highcontrast-light.scss +3 -3
- package/styles/h-scroll/icons/_highcontrast.scss +3 -3
- package/styles/h-scroll/icons/_material-dark.scss +3 -3
- package/styles/h-scroll/icons/_material.scss +3 -3
- package/styles/h-scroll/icons/_material3.scss +3 -3
- package/styles/h-scroll/icons/_tailwind.scss +3 -3
- package/styles/h-scroll/material-dark.css +0 -2
- package/styles/h-scroll/material.css +0 -2
- package/styles/h-scroll/tailwind-dark.css +0 -2
- package/styles/h-scroll/tailwind.css +0 -2
- package/styles/highcontrast-light.css +339 -20
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +339 -20
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.css +339 -20
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +339 -20
- package/styles/material.scss +1 -0
- package/styles/menu/_bootstrap-dark-definition.scss +2 -1
- package/styles/menu/_fabric-dark-definition.scss +2 -1
- package/styles/menu/_fluent-definition.scss +0 -1
- package/styles/menu/_layout.scss +4 -3
- package/styles/menu/_material-dark-definition.scss +2 -1
- package/styles/menu/_tailwind-definition.scss +0 -1
- package/styles/menu/_theme.scss +22 -1
- package/styles/menu/bootstrap-dark.css +22 -0
- package/styles/menu/bootstrap.css +22 -0
- package/styles/menu/bootstrap4.css +22 -0
- package/styles/menu/bootstrap5-dark.css +23 -1
- package/styles/menu/bootstrap5.css +23 -1
- package/styles/menu/fabric-dark.css +22 -0
- package/styles/menu/fabric.css +22 -0
- package/styles/menu/fluent-dark.css +23 -1
- package/styles/menu/fluent.css +23 -1
- package/styles/menu/highcontrast-light.css +22 -0
- package/styles/menu/highcontrast.css +22 -0
- package/styles/menu/icons/_bootstrap-dark.scss +1 -0
- package/styles/menu/icons/_bootstrap.scss +1 -0
- package/styles/menu/icons/_bootstrap4.scss +1 -0
- package/styles/menu/icons/_bootstrap5.scss +1 -0
- package/styles/menu/icons/_fabric-dark.scss +1 -0
- package/styles/menu/icons/_fabric.scss +1 -0
- package/styles/menu/icons/_fluent.scss +1 -0
- package/styles/menu/icons/_fusionnew.scss +1 -0
- package/styles/menu/icons/_highcontrast-light.scss +1 -0
- package/styles/menu/icons/_highcontrast.scss +1 -0
- package/styles/menu/icons/_material-dark.scss +1 -0
- package/styles/menu/icons/_material.scss +1 -0
- package/styles/menu/icons/_material3.scss +1 -0
- package/styles/menu/icons/_tailwind-dark.scss +1 -0
- package/styles/menu/icons/_tailwind.scss +1 -0
- package/styles/menu/material-dark.css +22 -0
- package/styles/menu/material.css +22 -0
- package/styles/menu/tailwind-dark.css +23 -1
- package/styles/menu/tailwind.css +23 -1
- package/styles/pager/_all.scss +1 -1
- package/styles/pager/_bootstrap-dark-definition.scss +0 -1
- package/styles/pager/_bootstrap-definition.scss +3 -4
- package/styles/pager/_bootstrap4-definition.scss +6 -6
- package/styles/pager/_bootstrap5-definition.scss +5 -5
- package/styles/pager/_fabric-dark-definition.scss +2 -2
- package/styles/pager/_fabric-definition.scss +0 -1
- package/styles/pager/_fluent-definition.scss +1 -1
- package/styles/pager/_highcontrast-definition.scss +0 -1
- package/styles/pager/_highcontrast-light-definition.scss +3 -2
- package/styles/pager/_layout.scss +35 -38
- package/styles/pager/_material-dark-definition.scss +2 -2
- package/styles/pager/_material-definition.scss +0 -1
- package/styles/pager/_tailwind-definition.scss +7 -7
- package/styles/pager/_theme.scss +3 -4
- package/styles/pager/bootstrap-dark.css +5 -3
- package/styles/pager/bootstrap.css +10 -8
- package/styles/pager/bootstrap4.css +11 -9
- package/styles/pager/bootstrap5-dark.css +14 -12
- package/styles/pager/bootstrap5.css +14 -12
- package/styles/pager/fabric-dark.css +5 -3
- package/styles/pager/fabric.css +5 -3
- package/styles/pager/fluent-dark.css +6 -4
- package/styles/pager/fluent.css +6 -4
- package/styles/pager/highcontrast-light.css +4 -2
- package/styles/pager/highcontrast.css +4 -2
- package/styles/pager/icons/_bootstrap-dark.scss +2 -2
- package/styles/pager/icons/_bootstrap.scss +2 -1
- package/styles/pager/icons/_bootstrap4.scss +2 -1
- package/styles/pager/icons/_bootstrap5.scss +2 -2
- package/styles/pager/icons/_fabric-dark.scss +4 -4
- package/styles/pager/icons/_fabric.scss +4 -4
- package/styles/pager/icons/_fluent.scss +2 -2
- package/styles/pager/icons/_fusionnew.scss +2 -2
- package/styles/pager/icons/_highcontrast-light.scss +3 -3
- package/styles/pager/icons/_highcontrast.scss +9 -4
- package/styles/pager/icons/_material-dark.scss +2 -2
- package/styles/pager/icons/_material.scss +10 -5
- package/styles/pager/icons/_material3.scss +2 -2
- package/styles/pager/icons/_tailwind.scss +2 -2
- package/styles/pager/material-dark.css +4 -2
- package/styles/pager/material.css +4 -2
- package/styles/pager/tailwind-dark.css +19 -17
- package/styles/pager/tailwind.css +19 -17
- package/styles/sidebar/_bootstrap5-definition.scss +1 -0
- package/styles/sidebar/_fabric-definition.scss +0 -2
- package/styles/sidebar/_fluent-definition.scss +1 -0
- package/styles/sidebar/_fusionnew-definition.scss +1 -0
- package/styles/sidebar/_icons.scss +1 -1
- package/styles/sidebar/_layout.scss +1 -0
- package/styles/sidebar/_material3-definition.scss +1 -0
- package/styles/sidebar/_tailwind-definition.scss +1 -0
- package/styles/sidebar/_theme.scss +19 -28
- package/styles/sidebar/bootstrap-dark.css +4 -0
- package/styles/sidebar/bootstrap.css +4 -0
- package/styles/sidebar/bootstrap4.css +4 -0
- package/styles/sidebar/bootstrap5-dark.css +4 -0
- package/styles/sidebar/bootstrap5.css +4 -0
- package/styles/sidebar/fabric-dark.css +4 -0
- package/styles/sidebar/fabric.css +4 -0
- package/styles/sidebar/fluent-dark.css +4 -0
- package/styles/sidebar/fluent.css +4 -0
- package/styles/sidebar/highcontrast-light.css +4 -0
- package/styles/sidebar/highcontrast.css +4 -0
- package/styles/sidebar/material-dark.css +4 -0
- package/styles/sidebar/material.css +4 -0
- package/styles/sidebar/tailwind-dark.css +4 -0
- package/styles/sidebar/tailwind.css +4 -0
- package/styles/tab/_bootstrap-dark-definition.scss +2 -1
- package/styles/tab/_bootstrap5-definition.scss +1 -1
- package/styles/tab/_fabric-dark-definition.scss +2 -2
- package/styles/tab/_fabric-definition.scss +0 -1
- package/styles/tab/_fusionnew-definition.scss +1 -1
- package/styles/tab/_highcontrast-definition.scss +0 -1
- package/styles/tab/_highcontrast-light-definition.scss +0 -2
- package/styles/tab/_icons.scss +1 -0
- package/styles/tab/_layout.scss +24 -26
- package/styles/tab/_material-dark-definition.scss +2 -3
- package/styles/tab/_material-definition.scss +0 -1
- package/styles/tab/_material3-definition.scss +1 -1
- package/styles/tab/_tailwind-definition.scss +0 -1
- package/styles/tab/_theme.scss +6 -8
- package/styles/tab/bootstrap-dark.css +1 -1
- package/styles/tab/bootstrap.css +1 -1
- package/styles/tab/bootstrap4.css +1 -1
- package/styles/tab/bootstrap5-dark.css +5 -2
- package/styles/tab/bootstrap5.css +5 -2
- package/styles/tab/fabric-dark.css +1 -1
- package/styles/tab/fabric.css +1 -1
- package/styles/tab/fluent-dark.css +5 -5
- package/styles/tab/fluent.css +5 -5
- package/styles/tab/highcontrast-light.css +1 -1
- package/styles/tab/highcontrast.css +1 -1
- package/styles/tab/icons/_bootstrap-dark.scss +1 -0
- package/styles/tab/icons/_bootstrap.scss +1 -0
- package/styles/tab/icons/_bootstrap4.scss +1 -0
- package/styles/tab/icons/_bootstrap5.scss +1 -1
- package/styles/tab/icons/_fabric-dark.scss +1 -0
- package/styles/tab/icons/_fabric.scss +1 -0
- package/styles/tab/icons/_fluent.scss +1 -1
- package/styles/tab/icons/_fusionnew.scss +1 -1
- package/styles/tab/icons/_highcontrast-light.scss +1 -0
- package/styles/tab/icons/_highcontrast.scss +1 -0
- package/styles/tab/icons/_material-dark.scss +1 -0
- package/styles/tab/icons/_material.scss +1 -0
- package/styles/tab/icons/_material3.scss +1 -1
- package/styles/tab/icons/_tailwind.scss +1 -1
- package/styles/tab/material-dark.css +1 -1
- package/styles/tab/material.css +1 -1
- package/styles/tab/tailwind-dark.css +1 -1
- package/styles/tab/tailwind.css +1 -1
- package/styles/tailwind-dark.css +359 -38
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +359 -38
- package/styles/tailwind.scss +1 -0
- package/styles/toolbar/_all.scss +1 -1
- package/styles/toolbar/_bootstrap-dark-definition.scss +6 -5
- package/styles/toolbar/_bootstrap-definition.scss +13 -13
- package/styles/toolbar/_bootstrap4-definition.scss +6 -6
- package/styles/toolbar/_bootstrap5-definition.scss +1 -1
- package/styles/toolbar/_fabric-dark-definition.scss +2 -1
- package/styles/toolbar/_fluent-definition.scss +2 -2
- package/styles/toolbar/_fusionnew-definition.scss +1 -1
- package/styles/toolbar/_highcontrast-light-definition.scss +2 -1
- package/styles/toolbar/_layout.scss +50 -74
- package/styles/toolbar/_material-dark-definition.scss +9 -11
- package/styles/toolbar/_material-definition.scss +12 -13
- package/styles/toolbar/_material3-definition.scss +1 -1
- package/styles/toolbar/_theme.scss +5 -8
- package/styles/toolbar/bootstrap-dark.css +10 -2
- package/styles/toolbar/bootstrap.css +10 -2
- package/styles/toolbar/bootstrap4.css +10 -2
- package/styles/toolbar/bootstrap5-dark.css +12 -3
- package/styles/toolbar/bootstrap5.css +12 -3
- package/styles/toolbar/fabric-dark.css +10 -2
- package/styles/toolbar/fabric.css +10 -2
- package/styles/toolbar/fluent-dark.css +15 -7
- package/styles/toolbar/fluent.css +15 -7
- package/styles/toolbar/highcontrast-light.css +10 -2
- package/styles/toolbar/highcontrast.css +10 -2
- package/styles/toolbar/icons/_bootstrap-dark.scss +1 -1
- package/styles/toolbar/icons/_bootstrap.scss +1 -1
- package/styles/toolbar/icons/_bootstrap4.scss +1 -1
- package/styles/toolbar/icons/_bootstrap5.scss +1 -2
- package/styles/toolbar/icons/_fabric-dark.scss +1 -1
- package/styles/toolbar/icons/_fabric.scss +1 -1
- package/styles/toolbar/icons/_fluent.scss +1 -2
- package/styles/toolbar/icons/_fusionnew.scss +1 -2
- package/styles/toolbar/icons/_highcontrast-light.scss +1 -1
- package/styles/toolbar/icons/_highcontrast.scss +1 -1
- package/styles/toolbar/icons/_material-dark.scss +1 -1
- package/styles/toolbar/icons/_material.scss +1 -1
- package/styles/toolbar/icons/_material3.scss +1 -2
- package/styles/toolbar/icons/_tailwind.scss +1 -2
- package/styles/toolbar/material-dark.css +10 -2
- package/styles/toolbar/material.css +10 -2
- package/styles/toolbar/tailwind-dark.css +11 -3
- package/styles/toolbar/tailwind.css +11 -3
- package/styles/treeview/_all.scss +1 -1
- package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
- package/styles/treeview/_bootstrap-definition.scss +1 -1
- package/styles/treeview/_bootstrap4-definition.scss +3 -3
- package/styles/treeview/_bootstrap5-definition.scss +1 -1
- package/styles/treeview/_fabric-dark-definition.scss +1 -1
- package/styles/treeview/_fabric-definition.scss +1 -1
- package/styles/treeview/_fluent-definition.scss +1 -1
- package/styles/treeview/_fusionnew-definition.scss +1 -1
- package/styles/treeview/_highcontrast-definition.scss +1 -1
- package/styles/treeview/_highcontrast-light-definition.scss +1 -1
- package/styles/treeview/_layout.scss +23 -18
- package/styles/treeview/_material-dark-definition.scss +1 -1
- package/styles/treeview/_material-definition.scss +1 -1
- package/styles/treeview/_material3-definition.scss +1 -1
- package/styles/treeview/_tailwind-definition.scss +2 -2
- package/styles/treeview/_theme.scss +15 -12
- package/styles/treeview/bootstrap-dark.css +6 -0
- package/styles/treeview/bootstrap.css +6 -0
- package/styles/treeview/bootstrap4.css +6 -0
- package/styles/treeview/bootstrap5-dark.css +6 -0
- package/styles/treeview/bootstrap5.css +6 -0
- package/styles/treeview/fabric-dark.css +6 -0
- package/styles/treeview/fabric.css +6 -0
- package/styles/treeview/fluent-dark.css +6 -0
- package/styles/treeview/fluent.css +6 -0
- package/styles/treeview/highcontrast-light.css +6 -0
- package/styles/treeview/highcontrast.css +6 -0
- package/styles/treeview/icons/_bootstrap-dark.scss +1 -1
- package/styles/treeview/icons/_bootstrap.scss +1 -1
- package/styles/treeview/icons/_bootstrap4.scss +1 -2
- package/styles/treeview/icons/_bootstrap5.scss +1 -1
- package/styles/treeview/icons/_fabric-dark.scss +1 -1
- package/styles/treeview/icons/_fabric.scss +1 -1
- package/styles/treeview/icons/_fluent.scss +1 -1
- package/styles/treeview/icons/_fusionnew.scss +1 -1
- package/styles/treeview/icons/_highcontrast-light.scss +1 -1
- package/styles/treeview/icons/_highcontrast.scss +1 -1
- package/styles/treeview/icons/_material-dark.scss +1 -1
- package/styles/treeview/icons/_material.scss +1 -1
- package/styles/treeview/icons/_material3.scss +1 -1
- package/styles/treeview/icons/_tailwind-dark.scss +1 -1
- package/styles/treeview/icons/_tailwind.scss +1 -1
- package/styles/treeview/material-dark.css +6 -0
- package/styles/treeview/material.css +6 -0
- package/styles/treeview/tailwind-dark.css +7 -0
- package/styles/treeview/tailwind.css +7 -0
- package/styles/v-scroll/_all.scss +1 -1
- package/styles/v-scroll/_bootstrap-dark-definition.scss +5 -4
- package/styles/v-scroll/_bootstrap-definition.scss +3 -3
- package/styles/v-scroll/_bootstrap4-definition.scss +1 -1
- package/styles/v-scroll/_bootstrap5-definition.scss +3 -3
- package/styles/v-scroll/_fabric-dark-definition.scss +6 -5
- package/styles/v-scroll/_fabric-definition.scss +4 -4
- package/styles/v-scroll/_fluent-definition.scss +3 -3
- package/styles/v-scroll/_fusionnew-definition.scss +3 -3
- package/styles/v-scroll/_highcontrast-definition.scss +4 -4
- package/styles/v-scroll/_highcontrast-light-definition.scss +6 -5
- package/styles/v-scroll/_layout.scss +4 -4
- package/styles/v-scroll/_material-dark-definition.scss +6 -5
- package/styles/v-scroll/_material-definition.scss +5 -5
- package/styles/v-scroll/_material3-definition.scss +3 -3
- package/styles/v-scroll/_tailwind-definition.scss +3 -3
- package/styles/v-scroll/_theme.scss +2 -1
- package/styles/v-scroll/bootstrap-dark.css +0 -2
- package/styles/v-scroll/bootstrap.css +0 -2
- package/styles/v-scroll/bootstrap4.css +0 -2
- package/styles/v-scroll/bootstrap5-dark.css +0 -2
- package/styles/v-scroll/bootstrap5.css +0 -2
- package/styles/v-scroll/fabric-dark.css +0 -2
- package/styles/v-scroll/fabric.css +0 -2
- package/styles/v-scroll/fluent-dark.css +0 -2
- package/styles/v-scroll/fluent.css +0 -2
- package/styles/v-scroll/highcontrast-light.css +0 -2
- package/styles/v-scroll/highcontrast.css +0 -2
- package/styles/v-scroll/icons/_bootstrap-dark.scss +1 -1
- package/styles/v-scroll/icons/_bootstrap.scss +1 -1
- package/styles/v-scroll/icons/_bootstrap4.scss +1 -1
- package/styles/v-scroll/icons/_bootstrap5.scss +1 -1
- package/styles/v-scroll/icons/_fabric-dark.scss +1 -0
- package/styles/v-scroll/icons/_fabric.scss +1 -0
- package/styles/v-scroll/icons/_fluent.scss +1 -1
- package/styles/v-scroll/icons/_fusionnew.scss +1 -1
- package/styles/v-scroll/icons/_highcontrast-light.scss +1 -0
- package/styles/v-scroll/icons/_highcontrast.scss +1 -0
- package/styles/v-scroll/icons/_material-dark.scss +1 -0
- package/styles/v-scroll/icons/_material.scss +1 -0
- package/styles/v-scroll/icons/_material3.scss +1 -1
- package/styles/v-scroll/icons/_tailwind.scss +1 -1
- package/styles/v-scroll/material-dark.css +0 -2
- package/styles/v-scroll/material.css +0 -2
- package/styles/v-scroll/tailwind-dark.css +0 -2
- package/styles/v-scroll/tailwind.css +0 -2
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
$hscroll-skin: 'bootstrap' !default;
|
|
3
3
|
$hscroll-border-type: solid !default;
|
|
4
4
|
$hscroll-border-size: $border-size !default;
|
|
5
|
-
$hscroll-hover-font: $hover-font-color
|
|
6
|
-
$hscroll-active-font-color: $active-font-color
|
|
5
|
+
$hscroll-hover-font: $hover-font-color !default;
|
|
6
|
+
$hscroll-active-font-color: $active-font-color !default;
|
|
7
7
|
$hscroll-default-bg: $grey-f8 !default;
|
|
8
8
|
$hscroll-nav-nrml-minheight: 40px !default;
|
|
9
9
|
$hscroll-nav-bgr-minheight: 50px !default;
|
|
@@ -38,8 +38,7 @@ $hscroll-focus-border: 0 !default;
|
|
|
38
38
|
$hscroll-active-border: 0 !default;
|
|
39
39
|
$hscroll-hover-border: 0 !default;
|
|
40
40
|
$hscroll-hover-border-color: '' !default;
|
|
41
|
-
$hscroll-active-box-shadow: inset 0 3px 5px rgba(0
|
|
42
|
-
|
|
41
|
+
$hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
|
|
43
42
|
|
|
44
43
|
@mixin hscroll-btn-animation {
|
|
45
44
|
content: '';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$hscroll-skin: 'bootstrap5' !default;
|
|
3
3
|
$border-type: solid;
|
|
4
4
|
$hscroll-hover-font: $icon-color !default;
|
|
5
|
-
$hscroll-active-font-color: $content-text-color-alt2
|
|
5
|
+
$hscroll-active-font-color: $content-text-color-alt2 !default;
|
|
6
6
|
$hscroll-default-bg: $content-bg-color-alt2 !default;
|
|
7
7
|
$hscroll-press-bg: $content-bg-color-alt2 !default;
|
|
8
8
|
$hscroll-active-bg: $content-bg-color-alt2 !default;
|
|
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
50
50
|
border-radius: 50%;
|
|
51
51
|
border-width: 1px;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
content: ''
|
|
53
|
+
content: '';
|
|
54
54
|
height: 1px;
|
|
55
55
|
left: 50%;
|
|
56
56
|
position: absolute;
|
|
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
68
68
|
0% {
|
|
69
69
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
70
70
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
74
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//default
|
|
1
|
+
//default
|
|
2
2
|
$hscroll-skin: 'fabric' !default;
|
|
3
3
|
$hscroll-default-bg: $neutral-lighter !default;
|
|
4
4
|
$hscroll-press-bg: $neutral-quintenary !default;
|
|
@@ -11,10 +11,10 @@ $hscroll-device-arrow-size: 14px !default;
|
|
|
11
11
|
$hscroll-device-arrow-size-bigger: 18px !default;
|
|
12
12
|
$hscroll-overlay-opacity: .5 !default;
|
|
13
13
|
$hscroll-device-arrow-border-color: $default-border-color !default;
|
|
14
|
-
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow
|
|
14
|
+
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
|
|
15
15
|
$hscroll-device-arrow-bg: $hscroll-default-bg !default;
|
|
16
16
|
$hscroll-device-arrow-border-size: 0 !default;
|
|
17
|
-
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow
|
|
17
|
+
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .6) !default;
|
|
18
18
|
$hscroll-device-arrow-color: $default-icon-color !default;
|
|
19
19
|
$hscroll-overlay-bg: $hscroll-default-bg !default;
|
|
20
20
|
$hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
|
|
@@ -47,4 +47,5 @@ $hscroll-default-icon-color: $theme-primary-font !default;
|
|
|
47
47
|
@mixin hscroll-btn-animation-after {
|
|
48
48
|
content: '';
|
|
49
49
|
}
|
|
50
|
+
|
|
50
51
|
//enddefault
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
$hscroll-skin: 'fabric' !default;
|
|
2
2
|
$hscroll-border-type: solid !default;
|
|
3
|
-
$hscroll-hover-font: $hover-font-color
|
|
4
|
-
$hscroll-active-font-color: $active-font-color
|
|
3
|
+
$hscroll-hover-font: $hover-font-color !default;
|
|
4
|
+
$hscroll-active-font-color: $active-font-color !default;
|
|
5
5
|
$hscroll-default-bg: $neutral-white !default;
|
|
6
6
|
$hscroll-press-bg: $theme-lighter !default;
|
|
7
7
|
$hscroll-active-bg: $neutral-lighter !default;
|
|
@@ -29,8 +29,8 @@ $hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
|
|
|
29
29
|
$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
|
|
30
30
|
$hscroll-left-bg: linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
|
|
31
31
|
|
|
32
|
-
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow
|
|
33
|
-
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow
|
|
32
|
+
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
|
|
33
|
+
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
|
|
34
34
|
$hscroll-device-arrow-bg: $neutral-white !default;
|
|
35
35
|
$hscroll-device-arrow-border-size: 1px !default;
|
|
36
36
|
$hscroll-device-arrow-border-color: $neutral-quintenaryalt !default;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$hscroll-skin: 'FluentUI' !default;
|
|
3
3
|
$border-type: solid;
|
|
4
4
|
$hscroll-hover-font: $icon-color !default;
|
|
5
|
-
$hscroll-active-font-color: $content-text-color-alt2
|
|
5
|
+
$hscroll-active-font-color: $content-text-color-alt2 !default;
|
|
6
6
|
$hscroll-default-bg: $content-bg-color-alt2 !default;
|
|
7
7
|
$hscroll-press-bg: $content-bg-color-alt2 !default;
|
|
8
8
|
$hscroll-active-bg: $content-bg-color-alt2 !default;
|
|
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
50
50
|
border-radius: 50%;
|
|
51
51
|
border-width: 1px;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
content: ''
|
|
53
|
+
content: '';
|
|
54
54
|
height: 1px;
|
|
55
55
|
left: 50%;
|
|
56
56
|
position: absolute;
|
|
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
68
68
|
0% {
|
|
69
69
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
70
70
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
74
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$hscroll-skin: 'bootstrap5' !default;
|
|
3
3
|
$border-type: solid;
|
|
4
4
|
$hscroll-hover-font: $icon-color !default;
|
|
5
|
-
$hscroll-active-font-color: $content-text-color-alt2
|
|
5
|
+
$hscroll-active-font-color: $content-text-color-alt2 !default;
|
|
6
6
|
$hscroll-default-bg: $content-bg-color-alt2 !default;
|
|
7
7
|
$hscroll-press-bg: $content-bg-color-alt2 !default;
|
|
8
8
|
$hscroll-active-bg: $content-bg-color-alt2 !default;
|
|
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
50
50
|
border-radius: 50%;
|
|
51
51
|
border-width: 1px;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
content: ''
|
|
53
|
+
content: '';
|
|
54
54
|
height: 1px;
|
|
55
55
|
left: 50%;
|
|
56
56
|
position: absolute;
|
|
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
68
68
|
0% {
|
|
69
69
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
70
70
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
74
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
$hscroll-skin: 'highcontrast' !default;
|
|
2
2
|
$hscroll-dash-border: 2px solid #fff;
|
|
3
3
|
$hscroll-border-type: solid !default;
|
|
4
|
-
$hscroll-hover-font: $hover-font-color
|
|
5
|
-
$hscroll-active-font-color: $active-font-color
|
|
4
|
+
$hscroll-hover-font: $hover-font-color !default;
|
|
5
|
+
$hscroll-active-font-color: $active-font-color !default;
|
|
6
6
|
$hscroll-default-bg: $bg-base-0 !default;
|
|
7
7
|
$hscroll-press-bg: $selection-bg !default;
|
|
8
8
|
$hscroll-active-bg: $selection-bg !default;
|
|
@@ -33,8 +33,8 @@ $hscroll-nav-hover-border-color: $hover-border !default;
|
|
|
33
33
|
$hscroll-nav-active-color: $selection-font !default;
|
|
34
34
|
$hscroll-nav-focus-bg-color: inherit !default;
|
|
35
35
|
|
|
36
|
-
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow
|
|
37
|
-
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow
|
|
36
|
+
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
|
|
37
|
+
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
|
|
38
38
|
$hscroll-device-arrow-bg: $bg-base-15 !default;
|
|
39
39
|
$hscroll-device-arrow-border-size: 1px !default;
|
|
40
40
|
$hscroll-device-arrow-border-color: $border-fg !default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//default
|
|
1
|
+
//default
|
|
2
2
|
$hscroll-skin: 'highcontrast' !default;
|
|
3
3
|
$hscroll-nav-hover-border-color: $hover-border !default;
|
|
4
4
|
$hscroll-nav-focus-bg-color: inherit !default;
|
|
@@ -15,10 +15,10 @@ $hscroll-device-arrow-size: 14px !default;
|
|
|
15
15
|
$hscroll-device-arrow-size-bigger: 18px !default;
|
|
16
16
|
$hscroll-overlay-opacity: .5 !default;
|
|
17
17
|
$hscroll-device-arrow-border-color: $default-border-color !default;
|
|
18
|
-
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow
|
|
18
|
+
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
|
|
19
19
|
$hscroll-device-arrow-bg: $hscroll-default-bg !default;
|
|
20
20
|
$hscroll-device-arrow-border-size: 0 !default;
|
|
21
|
-
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow
|
|
21
|
+
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .6) !default;
|
|
22
22
|
$hscroll-device-arrow-color: $default-icon-color !default;
|
|
23
23
|
$hscroll-overlay-bg: $hscroll-default-bg !default;
|
|
24
24
|
$hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
|
|
@@ -51,4 +51,5 @@ $hscroll-default-icon-color: $selection-bg !default;
|
|
|
51
51
|
@mixin hscroll-btn-animation-after {
|
|
52
52
|
content: '';
|
|
53
53
|
}
|
|
54
|
+
|
|
54
55
|
//enddefault
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
@include export-module('h-scroll') {
|
|
2
|
+
|
|
2
3
|
/*! h-scroll layout */
|
|
3
4
|
|
|
4
5
|
.e-bigger #{&}.e-hscroll,
|
|
@@ -20,7 +21,7 @@
|
|
|
20
21
|
|
|
21
22
|
.e-nav-arrow.e-icons {
|
|
22
23
|
font-size: $hscroll-device-arrow-size-bigger;
|
|
23
|
-
|
|
24
|
+
}
|
|
24
25
|
|
|
25
26
|
&.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
|
|
26
27
|
left: $hscroll-nav-bgr-width;
|
|
@@ -37,7 +38,6 @@
|
|
|
37
38
|
min-height: $hscroll-nav-bgr-minheight;
|
|
38
39
|
width: $hscroll-nav-bgr-width;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
#{&}.e-hscroll {
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
|
|
72
|
+
}
|
|
73
73
|
|
|
74
74
|
&:not(.e-scroll-device) {
|
|
75
75
|
padding: $hscroll-nrml-padding;
|
|
@@ -120,18 +120,17 @@
|
|
|
120
120
|
|
|
121
121
|
> * {
|
|
122
122
|
height: inherit;
|
|
123
|
-
|
|
123
|
+
}
|
|
124
124
|
|
|
125
125
|
.e-hscroll-content {
|
|
126
126
|
display: inline-block;
|
|
127
127
|
height: inherit;
|
|
128
128
|
position: relative;
|
|
129
|
-
touch-action: none;
|
|
130
129
|
|
|
131
130
|
> * {
|
|
132
131
|
pointer-events: auto;
|
|
133
132
|
}
|
|
134
|
-
|
|
133
|
+
}
|
|
135
134
|
|
|
136
135
|
&.e-rtl {
|
|
137
136
|
|
|
@@ -146,7 +145,7 @@
|
|
|
146
145
|
left: auto;
|
|
147
146
|
right: 0;
|
|
148
147
|
}
|
|
149
|
-
|
|
148
|
+
}
|
|
150
149
|
}
|
|
151
150
|
|
|
152
151
|
.e-scroll-nav {
|
|
@@ -170,12 +169,12 @@
|
|
|
170
169
|
|
|
171
170
|
&.e-ie-align {
|
|
172
171
|
display: table;
|
|
173
|
-
|
|
172
|
+
}
|
|
174
173
|
}
|
|
175
174
|
|
|
176
175
|
.e-nav-arrow {
|
|
177
176
|
position: relative;
|
|
178
|
-
|
|
177
|
+
}
|
|
179
178
|
|
|
180
179
|
.e-nav-arrow.e-icons {
|
|
181
180
|
display: table-cell;
|
|
@@ -186,8 +185,7 @@
|
|
|
186
185
|
@if $hscroll-skin == 'tailwind' or $hscroll-skin == 'bootstrap5' {
|
|
187
186
|
font-size: $hscroll-device-arrow-size;
|
|
188
187
|
}
|
|
189
|
-
|
|
190
|
-
}
|
|
188
|
+
}
|
|
191
189
|
|
|
192
190
|
.e-hscroll-bar {
|
|
193
191
|
|
|
@@ -195,8 +193,8 @@
|
|
|
195
193
|
|
|
196
194
|
.e-overlay {
|
|
197
195
|
pointer-events: none;
|
|
198
|
-
}
|
|
199
196
|
}
|
|
200
197
|
}
|
|
198
|
+
}
|
|
201
199
|
}
|
|
202
200
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//default
|
|
1
|
+
//default
|
|
2
2
|
$hscroll-skin: 'material' !default;
|
|
3
3
|
$hscroll-default-bg: $grey-900 !default;
|
|
4
4
|
$hscroll-press-bg: rgba($grey-white, .18) !default;
|
|
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
50
50
|
border-radius: 50%;
|
|
51
51
|
border-width: 1px;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
content: ''
|
|
53
|
+
content: '';
|
|
54
54
|
height: 1px;
|
|
55
55
|
left: 50%;
|
|
56
56
|
position: absolute;
|
|
@@ -68,10 +68,11 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
68
68
|
0% {
|
|
69
69
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
70
70
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
74
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
77
78
|
//enddefault
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! component's theme wise override definitions and variables */
|
|
2
2
|
$hscroll-skin: 'material' !default;
|
|
3
|
-
$hscroll-hover-font: $hover-font-color
|
|
4
|
-
$hscroll-active-font-color: $active-font-color
|
|
3
|
+
$hscroll-hover-font: $hover-font-color !default;
|
|
4
|
+
$hscroll-active-font-color: $active-font-color !default;
|
|
5
5
|
$hscroll-default-bg: $grey-50 !default;
|
|
6
6
|
$hscroll-press-bg: $grey-400 !default;
|
|
7
7
|
$hscroll-active-bg: $grey-400 !default;
|
|
@@ -29,8 +29,8 @@ $hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
|
|
|
29
29
|
$hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
|
|
30
30
|
$hscroll-left-bg: linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
|
|
31
31
|
|
|
32
|
-
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow
|
|
33
|
-
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow
|
|
32
|
+
$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
|
|
33
|
+
$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
|
|
34
34
|
$hscroll-device-arrow-bg: $grey-50 !default;
|
|
35
35
|
$hscroll-device-arrow-border-size: 1px !default;
|
|
36
36
|
$hscroll-device-arrow-border-color: rgba($grey-black, .12) !default;
|
|
@@ -49,7 +49,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
49
49
|
border-radius: 50%;
|
|
50
50
|
border-width: 1px;
|
|
51
51
|
box-sizing: border-box;
|
|
52
|
-
content: ''
|
|
52
|
+
content: '';
|
|
53
53
|
height: 1px;
|
|
54
54
|
left: 50%;
|
|
55
55
|
position: absolute;
|
|
@@ -67,11 +67,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
67
67
|
0% {
|
|
68
68
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
69
69
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
70
|
-
|
|
70
|
+
}
|
|
71
71
|
|
|
72
72
|
100% {
|
|
73
73
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
}
|
|
75
|
+
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$hscroll-skin: 'bootstrap5' !default;
|
|
3
3
|
$border-type: solid;
|
|
4
4
|
$hscroll-hover-font: $icon-color !default;
|
|
5
|
-
$hscroll-active-font-color: $content-text-color-alt2
|
|
5
|
+
$hscroll-active-font-color: $content-text-color-alt2 !default;
|
|
6
6
|
$hscroll-default-bg: $content-bg-color-alt2 !default;
|
|
7
7
|
$hscroll-press-bg: $content-bg-color-alt2 !default;
|
|
8
8
|
$hscroll-active-bg: $content-bg-color-alt2 !default;
|
|
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
50
50
|
border-radius: 50%;
|
|
51
51
|
border-width: 1px;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
content: ''
|
|
53
|
+
content: '';
|
|
54
54
|
height: 1px;
|
|
55
55
|
left: 50%;
|
|
56
56
|
position: absolute;
|
|
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
68
68
|
0% {
|
|
69
69
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
70
70
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
74
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/*! component's theme wise override definitions and variables */
|
|
2
2
|
$hscroll-skin: 'tailwind' !default;
|
|
3
3
|
$border-type: solid;
|
|
4
|
-
$hscroll-hover-font: $content-text-color-alt2
|
|
5
|
-
$hscroll-active-font-color: $content-text-color-alt2
|
|
4
|
+
$hscroll-hover-font: $content-text-color-alt2 !default;
|
|
5
|
+
$hscroll-active-font-color: $content-text-color-alt2 !default;
|
|
6
6
|
$hscroll-default-bg: $content-bg-color-alt2 !default;
|
|
7
7
|
$hscroll-press-bg: $content-bg-color-alt2 !default;
|
|
8
8
|
$hscroll-active-bg: $content-bg-color-alt2 !default;
|
|
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
50
50
|
border-radius: 50%;
|
|
51
51
|
border-width: 1px;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
content: ''
|
|
53
|
+
content: '';
|
|
54
54
|
height: 1px;
|
|
55
55
|
left: 50%;
|
|
56
56
|
position: absolute;
|
|
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
|
|
|
68
68
|
0% {
|
|
69
69
|
border-color: $hscroll-ribble-animation-border-frame;
|
|
70
70
|
box-shadow: $hscroll-ribble-animation-shadow-frame;
|
|
71
|
-
|
|
71
|
+
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
74
|
box-shadow: $hscroll-ribble-animation-shadow-frame-end;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
@include export-module('h-scroll-theme') {
|
|
2
|
+
|
|
2
3
|
/*! h-scroll theme */
|
|
3
4
|
#{&}.e-hscroll {
|
|
4
5
|
|
|
@@ -15,7 +16,6 @@
|
|
|
15
16
|
box-shadow: $hscroll-device-arrow-rtl-box-shadow;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
|
-
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
&.e-scroll-device {
|
|
@@ -135,7 +135,6 @@
|
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
|
-
|
|
139
138
|
}
|
|
140
139
|
|
|
141
140
|
.e-scroll-nav {
|
|
@@ -155,8 +154,7 @@
|
|
|
155
154
|
|
|
156
155
|
&:active::after {
|
|
157
156
|
@include hscroll-btn-animation-after;
|
|
158
|
-
|
|
159
|
-
|
|
157
|
+
}
|
|
160
158
|
}
|
|
161
159
|
}
|
|
162
160
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@include export-module('hscroll-bootstrap-dark-icons') {
|
|
2
|
+
|
|
2
3
|
/*! hscroll icons */
|
|
3
4
|
#{&}.e-hscroll {
|
|
4
5
|
|
|
@@ -13,16 +14,15 @@
|
|
|
13
14
|
.e-nav-left-arrow::before {
|
|
14
15
|
content: '\e913';
|
|
15
16
|
}
|
|
16
|
-
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.e-nav-left-arrow::before {
|
|
20
20
|
content: '\e848';
|
|
21
|
-
|
|
21
|
+
}
|
|
22
22
|
|
|
23
23
|
.e-nav-right-arrow::before {
|
|
24
24
|
content: '\e84b';
|
|
25
|
-
|
|
25
|
+
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
&.e-scroll-device {
|
|
@@ -47,4 +47,3 @@
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@include export-module('hscroll-bootstrap-icons') {
|
|
2
|
+
|
|
2
3
|
/*! hscroll icons */
|
|
3
4
|
#{&}.e-hscroll {
|
|
4
5
|
|
|
@@ -13,16 +14,15 @@
|
|
|
13
14
|
.e-nav-left-arrow::before {
|
|
14
15
|
content: '\e913';
|
|
15
16
|
}
|
|
16
|
-
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.e-nav-left-arrow::before {
|
|
20
20
|
content: '\e848';
|
|
21
|
-
|
|
21
|
+
}
|
|
22
22
|
|
|
23
23
|
.e-nav-right-arrow::before {
|
|
24
24
|
content: '\e84b';
|
|
25
|
-
|
|
25
|
+
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
&.e-scroll-device {
|
|
@@ -47,4 +47,3 @@
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
|