retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 4.1 kB
JavaScript
;var c=require("@emotion/styled/base");const l=c("div","production"===process.env.NODE_ENV?{target:"etcksny1"}:{target:"etcksny1",label:"MarqueeWrapper"})("display:flex;overflow:hidden;gap:",(c=>c.$gap),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hcnF1ZWUuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDeUMiLCJmaWxlIjoiTWFycXVlZS5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgTWFycXVlZVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcclxuXHRkaXNwbGF5OiBmbGV4O1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcblx0Z2FwOiAkeyhwcm9wcykgPT4gcHJvcHMuJGdhcH07XHJcbmA7XHJcbmV4cG9ydCBjb25zdCBNYXJxdWVlID0gc3R5bGVkLmRpdiBgXHJcblx0Zm9udC1mYW1pbHk6ICdUcmVidWNoZXQgTVMnLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XHJcblx0Zm9udC1zaXplOiAkeyhwcm9wcykgPT4gcHJvcHMuJHNpemUgPT09ICdzbWFsbCdcclxuICAgID8gJzFyZW0nXHJcbiAgICA6IHByb3BzLiRzaXplID09PSAnbWVkaXVtJ1xyXG4gICAgICAgID8gJzEuNXJlbSdcclxuICAgICAgICA6ICcycmVtJ307XHJcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy4kY29sb3J9O1xyXG5cdGZvbnQtd2VpZ2h0OiA0MDA7XHJcblxyXG5cdGZsZXgtc2hyaW5rOiAwO1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XHJcblx0bWluLXdpZHRoOiAxMDAlO1xyXG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLiRnYXB9O1xyXG5cclxuXHRhbmltYXRpb246IG1hcnF1ZWUgJHsocHJvcHMpID0+IHByb3BzLiRzcGVlZH0gbGluZWFyIGluZmluaXRlO1xyXG5cdGFuaW1hdGlvbi1wbGF5LXN0YXRlOiAkeyhwcm9wcykgPT4gKHByb3BzLiRpc0hvdmVyZWQgPyAncGF1c2VkJyA6ICdydW5uaW5nJyl9O1xyXG5cclxuXHRAa2V5ZnJhbWVzIG1hcnF1ZWUge1xyXG5cdFx0MCUge1xyXG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XHJcblx0XHR9XHJcblx0XHQxMDAlIHtcclxuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoLTEwMCUgKyAkeyhwcm9wcykgPT4gcHJvcHMuJGdhcH0pKTtcclxuXHRcdH1cclxuXHR9XHJcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU1hcnF1ZWUuc3R5bGVkLmpzLm1hcCJdfQ== */")),X=c("div","production"===process.env.NODE_ENV?{target:"etcksny0"}:{target:"etcksny0",label:"Marquee"})("font-family:'Trebuchet MS',Helvetica,sans-serif;font-size:",(c=>"small"===c.$size?"1rem":"medium"===c.$size?"1.5rem":"2rem"),";color:",(c=>c.$color),";font-weight:400;flex-shrink:0;display:flex;justify-content:space-around;min-width:100%;gap:",(c=>c.$gap),";animation:marquee ",(c=>c.$speed)," linear infinite;animation-play-state:",(c=>c.$isHovered?"paused":"running"),";@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(calc(-100% + ",(c=>c.$gap),"));}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hcnF1ZWUuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNa0MiLCJmaWxlIjoiTWFycXVlZS5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgTWFycXVlZVdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcclxuXHRkaXNwbGF5OiBmbGV4O1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcblx0Z2FwOiAkeyhwcm9wcykgPT4gcHJvcHMuJGdhcH07XHJcbmA7XHJcbmV4cG9ydCBjb25zdCBNYXJxdWVlID0gc3R5bGVkLmRpdiBgXHJcblx0Zm9udC1mYW1pbHk6ICdUcmVidWNoZXQgTVMnLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XHJcblx0Zm9udC1zaXplOiAkeyhwcm9wcykgPT4gcHJvcHMuJHNpemUgPT09ICdzbWFsbCdcclxuICAgID8gJzFyZW0nXHJcbiAgICA6IHByb3BzLiRzaXplID09PSAnbWVkaXVtJ1xyXG4gICAgICAgID8gJzEuNXJlbSdcclxuICAgICAgICA6ICcycmVtJ307XHJcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy4kY29sb3J9O1xyXG5cdGZvbnQtd2VpZ2h0OiA0MDA7XHJcblxyXG5cdGZsZXgtc2hyaW5rOiAwO1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XHJcblx0bWluLXdpZHRoOiAxMDAlO1xyXG5cdGdhcDogJHsocHJvcHMpID0+IHByb3BzLiRnYXB9O1xyXG5cclxuXHRhbmltYXRpb246IG1hcnF1ZWUgJHsocHJvcHMpID0+IHByb3BzLiRzcGVlZH0gbGluZWFyIGluZmluaXRlO1xyXG5cdGFuaW1hdGlvbi1wbGF5LXN0YXRlOiAkeyhwcm9wcykgPT4gKHByb3BzLiRpc0hvdmVyZWQgPyAncGF1c2VkJyA6ICdydW5uaW5nJyl9O1xyXG5cclxuXHRAa2V5ZnJhbWVzIG1hcnF1ZWUge1xyXG5cdFx0MCUge1xyXG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XHJcblx0XHR9XHJcblx0XHQxMDAlIHtcclxuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoLTEwMCUgKyAkeyhwcm9wcykgPT4gcHJvcHMuJGdhcH0pKTtcclxuXHRcdH1cclxuXHR9XHJcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU1hcnF1ZWUuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Marquee=X,exports.MarqueeWrapper=l;