diff --git a/.gitignore b/.gitignore index 5ea93e0351..2ebe6949c6 100644 --- a/.gitignore +++ b/.gitignore @@ -7,6 +7,7 @@ tmp /out-tsc site/vocs.config.tsx.timestamp* src/styles.css +src/tailwind.css # dependencies node_modules diff --git a/package.json b/package.json index bace3801ad..e1688f04c9 100644 --- a/package.json +++ b/package.json @@ -5,8 +5,8 @@ "repository": "https://github.com/coinbase/onchainkit.git", "license": "MIT", "scripts": { - "build": "packemon build --addEngines --addFiles --declaration && npx packemon validate --no-license --no-people --no-repo && tailwindcss -o ./src/styles.css --minify", - "watch": "tailwind -o ./src/styles.css --watch", + "build": "packemon build --addEngines --addFiles --declaration && npx packemon validate --no-license --no-people --no-repo && tailwindcss -i ./src/styles/index.css -o ./src/tailwind.css --minify && tailwindcss -i ./src/styles/index-with-tailwind.css -o ./src/styles.css --minify", + "watch": "tailwind -i ./src/styles/index.css -o ./src/tailwind.css --watch", "check": "yarn format", "format": "prettier --log-level warn --write .", "format:check": "prettier --check .", @@ -95,6 +95,7 @@ "exports": { "./package.json": "./package.json", "./styles.css": "./src/styles.css", + "./tailwind.css": "./src/tailwind.css", ".": { "types": "./esm/index.d.ts", "module": "./esm/index.js", diff --git a/src/styles/index-with-tailwind.css b/src/styles/index-with-tailwind.css new file mode 100644 index 0000000000..a69ce86e45 --- /dev/null +++ b/src/styles/index-with-tailwind.css @@ -0,0 +1,2 @@ +@import url('./tailwind-base.css'); +@import url('./index.css'); diff --git a/src/styles/index.css b/src/styles/index.css new file mode 100644 index 0000000000..ed2aa684bc --- /dev/null +++ b/src/styles/index.css @@ -0,0 +1 @@ +@import url('../token/components/TokenSelectDropdown.css'); diff --git a/src/styles/tailwind-base.css b/src/styles/tailwind-base.css new file mode 100644 index 0000000000..2f02db53f6 --- /dev/null +++ b/src/styles/tailwind-base.css @@ -0,0 +1 @@ +@tailwind base;