norma-library
Version:
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
8 lines • 2.42 kB
JavaScript
import { __makeTemplateObject } from "tslib";
import styled from "@emotion/styled";
import { pxToRem } from "../../utils/pxToRem";
export var ServiceCardStyle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 380px;\n min-width: 380px;\n width: 100%;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", ";\n border-radius: 5px;\n\n p.description, p.title {\n margin: 0 auto;\n }\n @media (max-width: 1330px) {\n max-width: 100%;\n }\n"], ["\n max-width: 380px;\n min-width: 380px;\n width: 100%;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", ";\n border-radius: 5px;\n\n p.description, p.title {\n margin: 0 auto;\n }\n @media (max-width: 1330px) {\n max-width: 100%;\n }\n"])), function (props) { return (props.disabled ? "not-allowed" : "pointer"); }, function (props) { return (props.disabled ? 0.5 : 1); }, function (props) { return props.$bColor; });
export var IconCardStyle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n\n path.stroke {\n stroke: ", ";\n }\n\n path.fill {\n fill: ", ";\n }\n }\n"], ["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n\n path.stroke {\n stroke: ", ";\n }\n\n path.fill {\n fill: ", ";\n }\n }\n"])), function (props) { return props.$bColor; }, pxToRem(50), pxToRem(50), pxToRem(10), function (props) { return props.$iColor; }, function (props) { return props.$iColor; });
export var TitleContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n p.title {\n font-size: ", ";\n font-weight: 600;\n }\n"], ["\n display: flex;\n align-items: center;\n\n p.title {\n font-size: ", ";\n font-weight: 600;\n }\n"])), pxToRem(18));
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=ServiceCard.style.js.map