laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upgrade to tailwind 4

Browse Source
This commit is contained in:
Khaleel Al-Adhami 2025-02-06 13:12:36 -08:00
parent b3b79a652d
commit ef0bbfb2d9
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
reflex/.templates/web/postcss.config.js
View File

@ -1,7 +1,5 @@
module.exports = { module.exports = {
plugins: { plugins: {
"postcss-import": {}, "@tailwindcss/postcss": {},
tailwindcss: {},
autoprefixer: {},
}, },
} };

7
reflex/.templates/web/styles/tailwind.css
View File

@ -1,6 +1,5 @@
@import "tailwindcss/base"; @import "tailwindcss";
@import "@radix-ui/themes/styles.css"; @config '../tailwind.config.js';
@tailwind components; @import "@radix-ui/themes/styles.css";
@tailwind utilities;

4
reflex/constants/style.py
View File

@ -7,10 +7,12 @@ class Tailwind(SimpleNamespace):
"""Tailwind constants.""" """Tailwind constants."""
# The Tailwindcss version # The Tailwindcss version
VERSION = "tailwindcss@3.4.17" VERSION = "tailwindcss@4.0.4"
# The Tailwind config. # The Tailwind config.
CONFIG = "tailwind.config.js" CONFIG = "tailwind.config.js"
# Default Tailwind content paths # Default Tailwind content paths
CONTENT = ["./pages/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"] CONTENT = ["./pages/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"]
# Relative tailwind style path to root stylesheet in Dirs.STYLES. # Relative tailwind style path to root stylesheet in Dirs.STYLES.
ROOT_STYLE_PATH = "./tailwind.css" ROOT_STYLE_PATH = "./tailwind.css"
# Builtin dependencies
DEPENDENCIES = ("@tailwindcss/postcss",)

1
reflex/utils/prerequisites.py
View File

@ -1204,6 +1204,7 @@ def install_frontend_packages(packages: set[str], config: Config):
"add", "add",
"-d", "-d",
constants.Tailwind.VERSION, constants.Tailwind.VERSION,
*constants.Tailwind.DEPENDENCIES,
*((config.tailwind or {}).get("plugins", [])), *((config.tailwind or {}).get("plugins", [])),
], ],
fallback=fallback_command, fallback=fallback_command,