igniteui-webcomponents/components/chat/themes/shared/chat-message/chat-message.common.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{--shiki-bg: var(--code-background);--message-corner-radius: 0}[part~=message-container]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--message-border-radius)}[part~=message-container] pre.shiki{border:.0625rem solid var(--code-border)}[part~=sent]{background:var(--sent-message-background);color:var(--sent-message-color);border-end-end-radius:var(--message-corner-radius)}[part~=received]{background:var(--received-message-background);color:var(--received-message-color);border-start-start-radius:var(--message-corner-radius)}[part~=message-actions] igc-icon-button::part(icon){color:var(--message-actions-color)}`;
//# sourceMappingURL=chat-message.common.css.js.map