Tailwind 3 => 4 (and django-tailwind => 4.2)

Applied a version of the instructions here:
https://github.com/timonweb/django-tailwind/issues/229

and ran most of the "original build" instructions
This commit is contained in:
Klaas van Schelven
2025-09-04 12:47:41 +02:00
parent 12af5302ef
commit f51bdb487e
6 changed files with 1047 additions and 618 deletions

View File

@@ -1,7 +1,7 @@
gunicorn==23.0.*
Django==4.2.*
sentry-sdk==2.*
django-tailwind==3.6.*
django-tailwind==4.2.*
jsonschema==4.25.*
semver==3.0.*
django-admin-autocomplete-filter==0.7.*

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -1,29 +1,26 @@
{
"name": "theme",
"version": "3.6.0",
"version": "4.2.0",
"description": "",
"scripts": {
"start": "npm run dev",
"build": "npm run build:clean && npm run build:tailwind",
"build:clean": "rimraf ../static/css/dist",
"build:tailwind": "cross-env NODE_ENV=production tailwindcss --postcss -i ./src/styles.css -o ../static/css/dist/styles.css --minify",
"dev": "cross-env NODE_ENV=development tailwindcss --postcss -i ./src/styles.css -o ../static/css/dist/styles.css -w",
"tailwindcss": "node ./node_modules/tailwindcss/lib/cli.js"
"build:tailwind": "cross-env NODE_ENV=production postcss ./src/styles.css -o ../static/css/dist/styles.css --minify",
"dev": "cross-env NODE_ENV=development postcss ./src/styles.css -o ../static/css/dist/styles.css --watch"
},
"keywords": [],
"author": "",
"license": "MIT",
"devDependencies": {
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/forms": "^0.5.3",
"@tailwindcss/line-clamp": "^0.4.4",
"@tailwindcss/typography": "^0.5.9",
"@tailwindcss/postcss": "^4.1.11",
"cross-env": "^7.0.3",
"postcss": "^8.4.24",
"postcss-import": "^15.1.0",
"postcss-nested": "^6.0.1",
"postcss": "^8.5.6",
"postcss-cli": "^11.0.1",
"postcss-nested": "^7.0.2",
"postcss-simple-vars": "^7.0.1",
"rimraf": "^5.0.1",
"tailwindcss": "^3.3.2"
"rimraf": "^6.0.1",
"tailwindcss": "^4.1.11"
}
}

View File

@@ -1,6 +1,6 @@
module.exports = {
plugins: {
"postcss-import": {},
"@tailwindcss/postcss": {},
"postcss-simple-vars": {},
"postcss-nested": {}
},

View File

@@ -1,6 +1,4 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss";
/* ibm-plex-sans-regular - cyrillic_cyrillic-ext_greek_latin_latin-ext_vietnamese */
@font-face {