@casoon/dragonfly/ui/components/tables.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.

/**
 * Tabellen-Element Styles
 */

@layer elements {
  /* Tabellen */
  table {
    border-collapse: collapse;
    margin: 1rem 0;
    width: 100%;
  }

  th, td {
    border: 1px solid var(--color-border, #e5e7eb);
    padding: 0.75rem;
    text-align: left;
  }

  th {
    background-color: var(--color-background-alt, #f9fafb);
  }
}