UNPKG

@redpill-paris/quidol-ui

Version:

**quidol-ui** is a framework css create for the project Quidol Live.

3 lines (2 loc) 2.62 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e,t,o,r,i,l,a,s=require("styled-components"),d=(n=s)&&"object"==typeof n&&"default"in n?n.default:n,m=require("../_virtual/_tslib.js"),c=require("../LottieIcon/index.js"),p=require("../assets/textInput/cross.svg.js"),u=d(c)(e||(e=m.__makeTemplateObject(["\n width: 7em;\n height: 7em;\n border-radius: 100em;\n padding: -1em;\n border-width: 1px;\n background-color: #FFFFFF;\n position: absolute;\n top: -3.5em;\n left: 1.5em;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n width: 7em;\n height: 7em;\n border-radius: 100em;\n padding: -1em;\n border-width: 1px;\n background-color: #FFFFFF;\n position: absolute;\n top: -3.5em;\n left: 1.5em;\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),f=d.div(t||(t=m.__makeTemplateObject(["\n display: flex;\n position: relative;\n justify-content: flex-start;\n flex-direction: column;\n min-width: 10em;\n min-height: 10em;\n background-color: #FFFFFF;\n border-radius: 0.635em;\n"],["\n display: flex;\n position: relative;\n justify-content: flex-start;\n flex-direction: column;\n min-width: 10em;\n min-height: 10em;\n background-color: #FFFFFF;\n border-radius: 0.635em;\n"]))),x=d.div(o||(o=m.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n margin: 1em;\n justify-content: space-around;\n"],["\n display: flex;\n flex-direction: row;\n margin: 1em;\n justify-content: space-around;\n"]))),b=d.div(r||(r=m.__makeTemplateObject(["\n display: flex;\n flex: 1;\n margin: 1em 1em 0 1em;\n"],["\n display: flex;\n flex: 1;\n margin: 1em 1em 0 1em;\n"]))),y=d.div(i||(i=m.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n padding: 1em;\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 1em;\n"]))),F=d.button(l||(l=m.__makeTemplateObject(["\n background-color: rgba(0,0,0,0);\n border-width: 0px;\n border-style: solid;\n :hover {\n cursor: pointer;\n }\n :focus {\n outline:0;\n }\n"],["\n background-color: rgba(0,0,0,0);\n border-width: 0px;\n border-style: solid;\n :hover {\n cursor: pointer;\n }\n :focus {\n outline:0;\n }\n"]))),g=d(p.ReactComponent)(a||(a=m.__makeTemplateObject(["\n & path {\n fill: ",";\n }\n"],["\n & path {\n fill: ",";\n }\n"])),(function(n){return n.color}));exports.ButtonCross=F,exports.ButtonRowContainer=x,exports.Container=f,exports.ContainerCross=y,exports.LottieContainer=u,exports.ModalContainer=b,exports.StyledCross=g; //# sourceMappingURL=ModalStyle.js.map