style-mira.css — ui Source File

Source Code

.style-mira {
  /* MARK: Accordion */
  .cn-accordion {
    @apply overflow-hidden rounded-md border;
  }

  .cn-accordion-item {
    @apply data-open:bg-muted/50 not-last:border-b;
  }

  .cn-accordion-trigger {
    @apply **:data-[slot=accordion-trigger-icon]:text-muted-foreground gap-6 p-2 text-left text-xs/relaxed font-medium hover:underline **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4;
  }

  .cn-accordion-content {
    @apply data-open:animate-accordion-down data-closed:animate-accordion-up px-2 text-xs/relaxed;
  }

  .cn-accordion-content-inner {
    @apply pt-0 pb-4;
  }

  /* MARK: Alert Dialog */
  .cn-alert-dialog-overlay {
    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs;
  }

  .cn-alert-dialog-content {
    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-3 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-64 data-[size=default]:sm:max-w-sm;
  }

  .cn-alert-dialog-header {
    @apply grid grid-rows-[auto_1fr] place-items-center gap-1 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr];
  }

  .cn-alert-dialog-media {
    @apply bg-muted mb-2 inline-flex size-8 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-4;
  }

  .cn-alert-dialog-title {
    @apply text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2;
  }

  .cn-alert-dialog-description {
    @apply text-muted-foreground *:[a]:hover:text-foreground text-xs/relaxed text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3;
  }

  /* MARK: Alert */
  .cn-alert {
    @apply grid gap-0.5 rounded-lg border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5;
  }

  .cn-alert-variant-default {
    @apply bg-card text-card-foreground;
  }

  .cn-alert-variant-destructive {
    @apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current;
  }

// ... (1303 more lines)