UNPKG

@alphasquad/horizontal-scroll-view

Version:
8 lines 1.64 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); exports.default = (function () { return (react_1.default.createElement("style", null, "\n .mainWrapper{\n position: relative;\n }\n .scrollWrapper{\n width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n white-space: nowrap;\n transition: all 0.2s;\n transform: scale(0.98);\n will-change: transform;\n user-select: none;\n cursor: pointer;\n display: flex;\n }\n .scrollWrapper div.items{\n display: flex;\n }\n .scrollWrapper.active{\n cursor: grabbing;\n cursor: -webkit-grabbing;\n transform: scale(1);\n }\n .image-left{\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n width: 63px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n }\n .image-right{\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n width: 63px;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n }\n\n ")); }); //# sourceMappingURL=style.js.map