igniteui-webcomponents/components/chat/themes/message-attachments.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{display:block}[part=attachments-container]{display:flex;flex-wrap:wrap;gap:1rem}[part=attachment]{flex:1 1;border-radius:.25rem;overflow:hidden;min-width:5rem;max-width:25rem}[part="attachment sent"]{border-radius:.125rem;max-width:5rem}[part~=attachment-header]{padding:.5rem .75rem .5rem 1rem;border-top-left-radius:inherit;border-top-right-radius:inherit}[part="attachment-header sent"]{padding:.375rem 0 0}[part~=attachment-content]{display:flex;justify-content:center;align-items:center;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;max-height:15rem;overflow:hidden}[part="attachment-content sent"]{border-top-left-radius:inherit;border-top-right-radius:inherit;width:4.875rem;aspect-ratio:1}[part=image-attachment-icon]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}[part~=attachment-icon]{--ig-size: 1}[part=file-attachment-icon]{--size: 2rem}[part=details]{display:flex;align-items:center;gap:.5rem}[part=file-name]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}`;
//# sourceMappingURL=message-attachments.base.css.js.map