Last 12 weeks · 101 commits
1 of 6 standards met
By the way, I noticed an inconsistency in the OKLCH color formatting between the and pages. The page uses percentages for lightness values (e.g., ), which matches the format in . However, the reference section in uses decimals (e.g., ), even though the color palette hovers and click-to-copy features on the same page use percentages. If you have a specific reason for this or prefer to keep it as-is, feel free to merge directly. Otherwise, if consistency is needed, let me know so I can update the reference section in to use percentages throughout.
Repository: tailwindlabs/tailwindcss.com. Description: The Tailwind CSS documentation website. Stars: 91, Forks: 41. Primary language: MDX. Languages: MDX (51%), TypeScript (47.7%), CSS (1.3%), JavaScript (0%). Homepage: https://tailwindcss.com Open PRs: 13, open issues: 29. Last activity: 5d ago. Community health: 25%. Top contributors: reinink, petersuhm, philipp-spiess, adamwathan, thecrypticace, RobinMalfait, danhollick, dependabot[bot], wongjn, eason-woong and others.
Summary This PR adds a new webpack installation guide for Tailwind CSS and introduces tabbed installation instructions for framework guides (Next.js and Gatsby), allowing users to choose between PostCSS and webpack setup methods. Key Changes New webpack installation guide: Created a standalone installation page () with step-by-step instructions for integrating Tailwind CSS as a webpack loader, including webpack configuration, CSS imports, and build process setup. Tabbed framework guides: Updated Next.js and Gatsby framework guides to support multiple installation methods: Added type and export to define available installation methods Added property to individual steps to show/hide content based on selected tab Provided webpack-specific configuration steps for both frameworks (Next.js webpack config in , Gatsby webpack config in ) Navigation updates: Added "Using webpack" tab to the installation layout navigation Updated framework guides CTA to reference the new webpack guide Added breadcrumb support for the webpack installation page Minor fixes: Corrected whitespace and formatting inconsistencies in existing framework guide files Implementation Details The tabbed interface allows framework guides to present both PostCSS and webpack installation paths, with steps conditionally displayed based on the selected tab. Each framework's webpack configuration is tailored to its specific build system (Next.js uses webpack hooks in config, Gatsby uses exports). https://claude.ai/code/session_01JNJXkaygF6fwvXG7CiZrkF
In Tailwind CSS v4, it's unclear how to set a custom font as the default for the entire site. The docs explain how to create custom font utilities (--font-*), but they don’t clarify: That --default-font-family exists and references var(--font-sans) internally The relationship between --font-sans, --default-font-family, and the preflight html, :host rule Setting a global font is a common first step in any project, yet there’s no explicit guidance. Reference discussion: https://github.com/tailwindlabs/tailwindcss/discussions/19535