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;-ms-flex-preferred-size:20rem;flex-basis:20rem}[part~=spacer]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem .5rem;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=message]{min-width:9.375rem;-ms-flex-preferred-size:9.375rem;flex-basis:9.375rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part~=illustration]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=illustration],[part~=message]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=actions]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end}::slotted([slot=actions]){display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){-webkit-margin-end:1rem;margin-inline-end:1rem}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;
//# sourceMappingURL=banner.base.css.js.map