igniteui-webcomponents/components/chat/themes/message.base.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{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--ig-chat-message-padding-block: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))), var(--is-medium, 1) * max(12px, -1 * 12px) * var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))), var(--is-small, 1) * max(12px, -1 * 12px) * var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));--ig-chat-message-padding-inline: max(var(--is-large, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(16px, -1 * 16px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--ig-chat-message-padding: var(--ig-chat-message-padding-block) var(--ig-chat-message-padding-inline);--ig-chat-sent-message-start-margin: auto;--ig-chat-sent-message-end-margin: unset;--ig-chat-message-container-end-margin: auto;display:flex;flex-direction:column;width:100%}[part~=message-container]{display:flex;margin-inline-end:var(--ig-chat-message-container-end-margin);flex-direction:column;padding:var(--ig-chat-message-padding);gap:1rem}[part~=message-container] p{margin:0;padding:0}[part~=message-container] a{overflow-wrap:anywhere;color:var(--ig-primary-500)}[part~=message-container] pre.shiki{font-size:.875rem;line-height:1.5rem;padding:1rem;border-radius:.25rem;max-height:20rem;max-width:42.5rem;overflow-y:auto}[part~=message-header]:empty,[part~=message-attachments]:empty,[part~=message-actions]:empty,[part~=plain-text]:empty{display:none}[part~=sent]{margin-inline:var(--ig-chat-sent-message-start-margin, 0) var(--ig-chat-sent-message-end-margin, 0);max-width:36rem;width:-moz-fit-content;width:fit-content}`;
//# sourceMappingURL=message.base.css.js.map