/* shortwind: code@0.0.1 sha:cc8d2b0bedb5b453 */

/* @guide
   @code-inline for a code span inside prose, @code-block for a multi-line
   preformatted block, @kbd for a keyboard-shortcut hint. Pick by context, not
   by size.
*/

/* Inline code span. */
@recipe code-inline {
  rounded bg-muted px-1.5 py-0.5 font-mono text-[0.875em] text-foreground
}

/* Block of preformatted code. */
@recipe code-block {
  overflow-x-auto rounded-md border border-border bg-muted p-4 font-mono text-sm leading-6 text-foreground
}

/* Keyboard shortcut hint. */
@recipe kbd {
  inline-flex items-center rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground shadow-sm
}