retro-react
Version:
A React component library for building retro-style websites
2 lines (1 loc) • 2.93 kB
JavaScript
import c from"@emotion/styled/base";import{WIN31_BUTTON_FACE as l,WIN31_BUTTON_HIGHLIGHT as b,WIN31_BUTTON_SHADOW as X,VGA_BLACK as x}from"../../constants/colors.js";import{SYSTEM_FONT as i}from"../../constants/fonts.js";const t=c("div","production"===process.env.NODE_ENV?{target:"e1m5qdax0"}:{target:"e1m5qdax0",label:"PopoverContent"})("box-sizing:border-box;position:absolute;z-index:",1e3,";width:","200px",";background:",l,";border:2px solid;border-color:",b," ",X," ",X," ",b,";box-shadow:2px 2px 0 ",x,";font-family:",i,";font-size:11px;color:",x,";border-radius:0;transform:translate(-50%, 10px);opacity:0;transition:opacity 0.1s linear;&[data-visible='true']{opacity:1;}top:",(c=>{let{$top:l}=c;return l}),"px;left:",(c=>{let{$left:l}=c;return l}),"px;padding:8px;line-height:1.3;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBvcG92ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLeUMiLCJmaWxlIjoiUG9wb3Zlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBWR0FfQkxBQ0ssIFdJTjMxX0JVVFRPTl9GQUNFLCBXSU4zMV9CVVRUT05fSElHSExJR0hULCBXSU4zMV9CVVRUT05fU0hBRE9XLCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IFNZU1RFTV9GT05UIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9mb250c1wiO1xyXG5jb25zdCBQT1BPVkVSX1dJRFRIID0gJzIwMHB4JztcclxuY29uc3QgUE9QT1ZFUl9aX0lOREVYID0gMTAwMDtcclxuZXhwb3J0IGNvbnN0IFBvcG92ZXJDb250ZW50ID0gc3R5bGVkLmRpdiBgXHJcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcclxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0ei1pbmRleDogJHtQT1BPVkVSX1pfSU5ERVh9O1xyXG5cdHdpZHRoOiAke1BPUE9WRVJfV0lEVEh9O1xyXG5cclxuXHQvKiBBdXRoZW50aWMgV0lOMzEgZGlhbG9nIHN0eWxpbmcgKi9cclxuXHRiYWNrZ3JvdW5kOiAke1dJTjMxX0JVVFRPTl9GQUNFfTtcclxuXHRib3JkZXI6IDJweCBzb2xpZDtcclxuXHRib3JkZXItY29sb3I6ICR7V0lOMzFfQlVUVE9OX0hJR0hMSUdIVH0gJHtXSU4zMV9CVVRUT05fU0hBRE9XfVxyXG5cdFx0JHtXSU4zMV9CVVRUT05fU0hBRE9XfSAke1dJTjMxX0JVVFRPTl9ISUdITElHSFR9O1xyXG5cclxuXHQvKiBXSU4zMSBkcm9wIHNoYWRvdyBlZmZlY3QgKi9cclxuXHRib3gtc2hhZG93OiAycHggMnB4IDAgJHtWR0FfQkxBQ0t9O1xyXG5cclxuXHQvKiBUeXBvZ3JhcGh5ICovXHJcblx0Zm9udC1mYW1pbHk6ICR7U1lTVEVNX0ZPTlR9O1xyXG5cdGZvbnQtc2l6ZTogMTFweDtcclxuXHRjb2xvcjogJHtWR0FfQkxBQ0t9O1xyXG5cclxuXHQvKiBSZW1vdmUgbW9kZXJuIGVmZmVjdHMgKi9cclxuXHRib3JkZXItcmFkaXVzOiAwO1xyXG5cclxuXHQvKiBQb3NpdGlvbmluZyBhbmQgdHJhbnNpdGlvbiAqL1xyXG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDEwcHgpO1xyXG5cdG9wYWNpdHk6IDA7XHJcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAwLjFzIGxpbmVhcjtcclxuXHJcblx0JltkYXRhLXZpc2libGU9J3RydWUnXSB7XHJcblx0XHRvcGFjaXR5OiAxO1xyXG5cdH1cclxuXHJcblx0dG9wOiAkeyh7ICR0b3AgfSkgPT4gJHRvcH1weDtcclxuXHRsZWZ0OiAkeyh7ICRsZWZ0IH0pID0+ICRsZWZ0fXB4O1xyXG5cclxuXHQvKiBJbm5lciBjb250ZW50IHBhZGRpbmcgKi9cclxuXHRwYWRkaW5nOiA4cHg7XHJcblxyXG5cdC8qIEVuc3VyZSB0ZXh0IGlzIHJlYWRhYmxlICovXHJcblx0bGluZS1oZWlnaHQ6IDEuMztcclxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UG9wb3Zlci5zdHlsZWQuanMubWFwIl19 */"));export{t as PopoverContent};