infinity-forge
Version:
27 lines • 1.89 kB
JavaScript
;
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Step = exports.StepNavigator = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.StepNavigator = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n overflow: hidden; \n position: relative; \n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n overflow: hidden; \n position: relative; \n"])));
exports.Step = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n transition: opacity 0.5s ease, transform 0.5s ease;\n opacity: ", ";\n transform: translateX(\n ", "\n );\n pointer-events: ", ";\n position: ", ";\n"], ["\n width: 100%;\n transition: opacity 0.5s ease, transform 0.5s ease;\n opacity: ", ";\n transform: translateX(\n ", "\n );\n pointer-events: ", ";\n position: ", ";\n"])), function (_a) {
var isActive = _a.isActive;
return (isActive ? 1 : 0);
}, function (_a) {
var isActive = _a.isActive, direction = _a.direction;
return isActive ? "0" : direction === "prev" ? "-100%" : "100%";
}, function (_a) {
var isActive = _a.isActive;
return (isActive ? "all" : "none");
}, function (_a) {
var isActive = _a.isActive;
return (isActive ? "relative" : "absolute");
});
var templateObject_1, templateObject_2;
//# sourceMappingURL=styles.js.map