@pnp/spfx-controls-react/lib/controls/HoverReactionsBar/components/hoverReactionbarControl/useHoverReactionsStyles.js

Reusable React controls for SharePoint Framework solutions

import { __assign } from "tslib";
import { makeStyles, shorthands, } from '@fluentui/react-components';
export var useHoverReactionsStyles = makeStyles({
    emojiList: __assign(__assign({ display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "center", height: "30px" }, shorthands.gap("10px")), { width: "100%" }),
    card: __assign(__assign(__assign({ position: "absolute" }, shorthands.borderRadius("4px")), { width: "160px" }), shorthands.padding("5px")),
    cardContent: __assign(__assign(__assign({ display: "flex", width: "100%" }, shorthands.flex("1")), { flexDirection: "column", justifyContent: "center", alignItems: "center" }), shorthands.gap("10px")),
    searchBox: {
        width: "100%",
    },
    emojiRoot: {
        /*   ...shorthands.margin("10px"), */
        cursor: "pointer",
    },
    emoji: {
        fontSize: "30px",
    },
    emojiImage: {
        with: "20px",
        height: "20px",
        cursor: "pointer",
        '&:hover': {
            transform: "scale(1.2)",
            with: "25px",
            height: "25px",
        },
    }
});
//# sourceMappingURL=useHoverReactionsStyles.js.map