@redpill-paris/quidol-ui
Version:
**quidol-ui** is a framework css create for the project Quidol Live.
3 lines (2 loc) • 3.26 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e,t,r,i,o,a=require("styled-components"),l=(n=a)&&"object"==typeof n&&"default"in n?n.default:n,s=require("../_virtual/_tslib.js"),d=require("../Typography/index.js"),c=l.button(e||(e=s.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n min-height: ",";\n height: ",";\n max-width: 100%;\n flex: 1;\n border-width: 0px;\n padding-left: 1px;\n border-style: solid;\n border-color: rgba(0,0,0,0);\n border-width: ",";\n background-color: ",";\n border-radius: ",";\n align-items: center;\n box-shadow: ",";\n transition: 0.5s;\n :focus {\n outline:0;\n }\n :hover {\n opacity: ",";\n cursor: ",";\n border-color: ",";\n }\n"],["\n display: flex;\n flex-direction: row;\n min-height: ",";\n height: ",";\n max-width: 100%;\n flex: 1;\n border-width: 0px;\n padding-left: 1px;\n border-style: solid;\n border-color: rgba(0,0,0,0);\n border-width: ",";\n background-color: ",";\n border-radius: ",";\n align-items: center;\n box-shadow: ",";\n transition: 0.5s;\n :focus {\n outline:0;\n }\n :hover {\n opacity: ",";\n cursor: ",";\n border-color: ",";\n }\n"])),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.styleContainer.borderWidth}),(function(n){var e=n.isClicked,t=n.theme;return e?t.colors.main:t.colors.secondary}),(function(n){return n.theme.styleContainer.borderRadius}),(function(n){var e=n.isClicked,t=n.theme;return e?t.colors.questionShadowClicked:t.colors.questionShadow}),(function(n){return n.disabled?1:.8}),(function(n){return n.disabled?"cursor":"pointer"}),(function(n){var e=n.theme;return n.disabled?"transparent":e.colors.main})),u=l.div(t||(t=s.__makeTemplateObject(["\n display: flex;\n min-height: ",";\n min-width: ",";\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n"],["\n display: flex;\n min-height: ",";\n min-width: ",";\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n"])),(function(n){return n.theme.styleContainer.buttonSizeLabel}),(function(n){return n.theme.styleContainer.buttonSizeLabel}),(function(n){var e=n.isClicked,t=n.theme;return e?t.colors.secondary:t.colors.labelQuestion})),f=l.div(r||(r=s.__makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-right: 0.2em;\n"],["\n display: flex;\n flex: 1;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-right: 0.2em;\n"]))),b=l.div(i||(i=s.__makeTemplateObject(["\n display: flex;\n align-items: left;\n justify-content: center;\n text-align: center;\n padding-left: 1em;\n"],["\n display: flex;\n align-items: left;\n justify-content: center;\n text-align: center;\n padding-left: 1em;\n"]))),m=l(d)(o||(o=s.__makeTemplateObject(["\n text-align: start;\n"],["\n text-align: start;\n"])));exports.Container=c,exports.LabelContainer=u,exports.QuestionLabelTypo=m,exports.TextBlockContainer=f,exports.TextContainer=b;
//# sourceMappingURL=AnswerButtonStyle.js.map