@casoon/dragonfly/ui/components/blockquote.css

Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.

/**
 * Blockquote-Element Styles
 */

@layer elements {
  /* Zitate */
  blockquote {
    background-color: var(--color-background-alt, #f9fafb);
    border-left: 4px solid var(--color-primary, #3b82f6);
    margin: 1rem 0;
    padding: 1rem;
  }

  q {
    quotes: '"' '"' "'" "'";
  }
}