igniteui-webcomponents/components/banner/themes/banner.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{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;
//# sourceMappingURL=banner.base.css.js.map