Replace Tailwind Play CDN with a prebuilt, purged stylesheet
deploy / deploy (push) Successful in 37s
deploy / deploy (push) Successful in 37s
The runtime CDN (cdn.tailwindcss.com) is not production-grade: FOUC, no purging, and an external request that is slow/blocked from some networks. - Add Tailwind v3 build (package.json `npm run build`) with two scoped configs: public (accent + zinc) -> wwwroot/css/tailwind.css, and admin (dark base/ electric/violet/emerald, separate to avoid the emerald flat-vs-scale clash) -> wwwroot/css/tailwind-admin.css. Both minified + content-purged. - Layouts now link the built CSS instead of the CDN script; built artifacts are committed so Docker/CI need no Node step. node_modules stays ignored. - Verified: utilities (incl. arbitrary values like aspect-[16/9], grid-cols- [8rem_1fr]) resolve; public + admin render; no console errors. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,24 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
// Public site theme. Scoped away from the admin theme (which redefines
|
||||
// `emerald` as a flat color and would collide with the emerald-600 scale).
|
||||
module.exports = {
|
||||
content: [
|
||||
'./Pages/*.cshtml',
|
||||
'./Pages/Blog/**/*.cshtml',
|
||||
'./Pages/Shared/_Layout.cshtml',
|
||||
'./wwwroot/js/**/*.js',
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
accent: '#2563eb',
|
||||
accentink: '#1d4ed8',
|
||||
},
|
||||
fontFamily: {
|
||||
display: ['Syne', 'system-ui', 'sans-serif'],
|
||||
fa: ['Vazirmatn', 'system-ui', 'sans-serif'],
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
Reference in New Issue
Block a user