UNPKG

@redpill-paris/quidol-ui

Version:

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

3 lines (2 loc) 2.01 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e,t,i,r,o=require("styled-components"),a=(n=o)&&"object"==typeof n&&"default"in n?n.default:n,l=require("../_virtual/_tslib.js"),s=require("../Typography/index.js"),d=a.button(e||(e=l.__makeTemplateObject(["\n display: flex;\n min-height: ",";\n min-width: ",";\n font-size: 0.8em;\n background-color: ",";\n border-style: solid;\n border-width: 0px;\n border-radius: 10px;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n transition: max-width 1s ease;\n\n @media (hover: hover) and (pointer: fine) {\n :hover {\n cursor: pointer;\n opacity: 0.8;\n max-width: 30em;\n }\n}\n\n :focus {\n outline: 0;\n }\n"],["\n display: flex;\n min-height: ",";\n min-width: ",";\n font-size: 0.8em;\n background-color: ",";\n border-style: solid;\n border-width: 0px;\n border-radius: 10px;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n transition: max-width 1s ease;\n\n @media (hover: hover) and (pointer: fine) {\n :hover {\n cursor: pointer;\n opacity: 0.8;\n max-width: 30em;\n }\n}\n\n :focus {\n outline: 0;\n }\n"])),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.color})),c=a(s)(t||(t=l.__makeTemplateObject(["\n max-height: 1em;\n"],["\n max-height: 1em;\n"]))),m=a.div(i||(i=l.__makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n"]))),p=a.div(r||(r=l.__makeTemplateObject(["\n margin-right: 1em;\n overflow-wrap: nowrap;\n overflow: hidden;\n display: inline-block;\n"],["\n margin-right: 1em;\n overflow-wrap: nowrap;\n overflow: hidden;\n display: inline-block;\n"])));exports.Container=d,exports.ContainerLabel=p,exports.ContainerLogo=m,exports.StyledTypo=c; //# sourceMappingURL=IconButtonStyle.js.map