@corti/dictation-web/dist/styles/callout.js

Web component for Corti Dictation

import { css } from 'lit';
const CalloutStyles = css `
  .callout {
    background: var(--callout-info-background);
    border: 1px solid var(--callout-info-border);
    color: var(--callout-info-text);
    padding: 8px;
    border-radius: var(--card-inner-border-radius);
    display: flex;
    font-size: 0.9rem;
    gap: 8px;
    align-items: center;
    max-width: 100%;
    height: fit-content;
    &.error {
      background: var(--callout-error-background);
      border: 1px solid var(--callout-error-border);
      color: var(--callout-warn-text);
    }
    &.warn {
      background: var(--callout-warn-background);
      border: 1px solid var(--callout-warn-border);
      color: var(--callout-warn-text);
    }
    &.small {
      width: 100%;
      padding: 6px;
      font-size: 0.7rem;
    }
  }
`;
export default CalloutStyles;
//# sourceMappingURL=callout.js.map