astro-show-tailwindcss-breakpoint/dist/index.d.ts

Show the current Tailwind CSS breakpoint in the Astro dev toolbar!

import type { AstroIntegration } from "astro";
/**
 * An Astro integration that adds a dev toolbar app to show the current
 * Tailwind CSS breakpoint.
 *
 * @param options The options for the integration.
 * @returns The integration.
 */
export default function showTailwindCSSBreakpoint(options?: {
    /**
     * Define the Tailwind CSS breakpoints to use.
     * Key is the name of the breakpoint, value is the size of the breakpoint.
     * If the value is a number, it will be converted to a string with
     * the suffix "px".
     * Make sure that all values are in the same unit (px, rem, em, etc.).
     *
     * By default, the breakpoints are:
     * - `sm`: `"40rem"` (640px with a root font size of 16px)
     * - `md`: `"48rem"` (768px with a root font size of 16px)
     * - `lg`: `"64rem"` (1024px with a root font size of 16px)
     * - `xl`: `"80rem"` (1280px with a root font size of 16px)
     * - `2xl`: `"96rem"` (1536px with a root font size of 16px)
     */
    breakpoints?: Record<string, string | number>;
}): AstroIntegration;
//# sourceMappingURL=index.d.ts.map