react-elasticsearch-calendar/build/components/Slider.styles.js

booking calendar on React with Elasticsearch

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const sliderStyles = () => {
    return {
        slider: {
            position: "relative",
            overflow: "hidden",
            width: "100%",
        },
        sliderContent: {
            display: "flex",
            width: "100%",
        },
        sliderInner: {
            display: "flex",
            width: "100%",
            overflow: "hidden",
        },
        sliderItems: {
            display: "flex",
            transition: "transform 0.5s ease-in-out",
        },
        sliderItem: {
            display: "flex",
            flex: 1,
            // visibility: "visible" as "visible",
        },
        sliderButton: {
            position: "absolute",
            top: "50%",
            transform: "translateY(-50%)",
            height: "50px",
            width: "50px",
            backgroundColor: "#fff",
            border: "none",
            cursor: "pointer",
            zIndex: 1,
            fontSize: "24px",
        },
        sliderButtonPrev: {
            left: "0",
            width: "32px",
            zIndex: 1,
        },
        sliderButtonNext: {
            right: "0",
            width: "32px",
            zIndex: 1,
        },
    };
};
exports.default = sliderStyles;
//# sourceMappingURL=Slider.styles.js.map