UNPKG

@finbertmds/logo

Version:
28 lines 2.33 kB
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } return cooked; }; var __rest = (this && this.__rest) || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; }; import styled from '@finbertmds/styled'; var tagStyleProps = function (_a) { var _color = _a.color, _backgroundColor = _a.backgroundColor, props = __rest(_a, ["color", "backgroundColor"]); return props; }; var containerProps = function (_a) { var _width = _a.width, props = __rest(_a, ["width"]); return props; }; export var LogoContainer = styled('div', containerProps)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]))); export var LogoTag = styled('div', tagStyleProps)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 90px;\n margin: 0;\n margin-inline-start: 0.5rem;\n font-size: 8px;\n font-weight: 700;\n line-height: 100%;\n padding: 3px 8px;\n text-align: center;\n color: ", ";\n background-color: ", ";\n border-width: 0;\n border-style: solid;\n border-color: currentColor;\n outline: none;\n"], ["\n border-radius: 90px;\n margin: 0;\n margin-inline-start: 0.5rem;\n font-size: 8px;\n font-weight: 700;\n line-height: 100%;\n padding: 3px 8px;\n text-align: center;\n color: ", ";\n background-color: ", ";\n border-width: 0;\n border-style: solid;\n border-color: currentColor;\n outline: none;\n"])), function (p) { return p.color; }, function (p) { return p.backgroundColor; }); var templateObject_1, templateObject_2; //# sourceMappingURL=TaggedRocketChatLogo.styles.js.map