UNPKG

@hitachivantara/uikit-react-core

Version:
34 lines (33 loc) 898 B
import { theme } from "@hitachivantara/uikit-styles"; import { createClasses } from "@hitachivantara/uikit-react-utils"; //#region src/ScrollToVertical/ScrollToVertical.styles.tsx var { staticClasses, useClasses } = createClasses("HvScrollToVertical", { root: { display: "flex", width: "32px", padding: "0", margin: 0, listStyleType: "none", flexWrap: "wrap", flexDirection: "column", backdropFilter: `blur(4px)`, backgroundColor: theme.alpha("bgPage", .9) }, positionAbsolute: { width: "32px", position: "absolute", zIndex: `calc(${theme.zIndices.banner} - 2)`, right: "0" }, positionFixed: { width: "32px", position: "fixed", zIndex: `calc(${theme.zIndices.banner} - 2)`, right: "0" } }); var calculateOffset = (quantityOfOptions) => { return Math.round(quantityOfOptions * .5) * 32; }; //#endregion export { calculateOffset, staticClasses, useClasses };