Astro Debug CSS is an Astro Dev Toolbar App that enables your local Astro server to display outlines for debugging your CSS, no additional configuration is required.
To install Astro Debug CSS, run the following command with your preferred package manager:
pnpm install github:jllahi/astro-debugcss
import { defineConfig } from 'astro/config'
import debugcss from 'astro-debugcss'
export default defineConfig({
integrations: [debugcss()],
})