@rocket.chat/logo
Version:
Rocket.Chat logo package
33 lines • 1.13 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LogoTag = exports.LogoContainer = void 0;
const styled_1 = __importDefault(require("@rocket.chat/styled"));
const tagStyleProps = ({ color: _color, backgroundColor: _backgroundColor, ...props }) => props;
const containerProps = ({ width: _width, ...props }) => props;
exports.LogoContainer = (0, styled_1.default)('div', containerProps) `
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
`;
exports.LogoTag = (0, styled_1.default)('div', tagStyleProps) `
border-radius: 90px;
margin: 0;
margin-inline-start: 0.5rem;
font-size: 8px;
font-weight: 700;
line-height: 100%;
padding: 3px 8px;
text-align: center;
color: ${(p) => p.color};
background-color: ${(p) => p.backgroundColor};
border-width: 0;
border-style: solid;
border-color: currentColor;
outline: none;
`;
//# sourceMappingURL=TaggedRocketChatLogo.styles.js.map