@redpill-paris/quidol-ui/build/CircularButton/CircularButtonStyle.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e,r,t,o,i=require("styled-components"),a=(n=i)&&"object"==typeof n&&"default"in n?n.default:n,d=require("../_virtual/_tslib.js"),s=require("../Typography/index.js"),u=require("../utils/index.js"),l=a.button(e||(e=d.__makeTemplateObject(["\n  padding: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\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  padding: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\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"]))),c=a.div(r||(r=d.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 10px;\n  border-radius: 100%;\n  border-width: 0.15em;\n  min-height: ",";\n  max-height: ",";\n  min-width: ",";\n  max-width: ",";\n  transition-duration: 0.5s;\n  background-color: ",";\n  border-style: solid;\n  border-color: ",";\n  box-shadow: ",";\n  font-size: ",";\n  ",":hover & {\n    background-color: ",";\n    border-color: ",";\n    cursor: pointer;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 10px;\n  border-radius: 100%;\n  border-width: 0.15em;\n  min-height: ",";\n  max-height: ",";\n  min-width: ",";\n  max-width: ",";\n  transition-duration: 0.5s;\n  background-color: ",";\n  border-style: solid;\n  border-color: ",";\n  box-shadow: ",";\n  font-size: ",";\n  ",":hover & {\n    background-color: ",";\n    border-color: ",";\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.styleContainer.heightButton}),(function(n){return n.theme.colors.main}),(function(n){return n.theme.colors.main}),(function(n){return n.theme.colors.circularButtonShadow}),(function(n){return n.theme.styleContainer.defaultFontSize}),l,(function(n){var e=n.theme;return u.lightenDarkenColor(e.colors.main,u.getShade(e.colors.main))}),(function(n){var e=n.theme;return u.lightenDarkenColor(e.colors.main,u.getShade(e.colors.main))})),h=a(s)(t||(t=d.__makeTemplateObject(["\n  ",":hover & {\n    color: ",";\n    cursor: pointer;\n  }\n  transition-duration: 0.5s;\n"],["\n  ",":hover & {\n    color: ",";\n    cursor: pointer;\n  }\n  transition-duration: 0.5s;\n"])),l,(function(n){return n.theme.colors.mainHover})),m=a.div(o||(o=d.__makeTemplateObject(["\n  min-width: 2em;\n  max-width: 2em;\n  width: 2em;\n"],["\n  min-width: 2em;\n  max-width: 2em;\n  width: 2em;\n"])));exports.ButtonContainer=c,exports.CircularButtonContainer=l,exports.FantomContainer=m,exports.LabelContainer=h;
//# sourceMappingURL=CircularButtonStyle.js.map