Skip to content

chore: migrate to Tailwind CSS v3 and update config #1194

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
lightning-sagar wants to merge 9 commits into
base: master
Choose a base branch
from
Open

chore: migrate to Tailwind CSS v3 and update config #1194

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
d74cc57
chore: migrate to Tailwind CSS v3 and update config
lightning-sagar Dec 10, 2025
8dffe7c
fix(tailwind): restore current color to prevent breakage
lightning-sagar Dec 10, 2025
5a2e840
Merge branch 'master' into feat/tailwind-v3-migration
lightning-sagar Dec 14, 2025
4458974
Merge branch 'master' into feat/tailwind-v3-migration
AceTheCreator Jan 22, 2026
7e58eba
Merge branch 'master' into feat/tailwind-v3-migration
Jan 23, 2026
42365b6
fix(tailwind): move fontSize and colors to theme.extend
Jan 23, 2026
a41d47f
Merge branch 'feat/tailwind-v3-migration' into feat/tailwind-v3-migr…
Jan 23, 2026
3c60025
refactor: remove redundant transparent
Jan 23, 2026
5a39d1a
chore: update package-lock.json to sync with package.json
Jan 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions library/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@
},
"devDependencies": {
"@cypress/webpack-preprocessor": "^7.0.2",
"@tailwindcss/typography": "^0.4.0",
"@tailwindcss/typography": "^0.5.9",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^15.0.4",
"@testing-library/user-event": "^12.8.3",
Expand All @@ -95,19 +95,19 @@
"@types/node": "^18.0.0",
"@types/react": "^18.2.79",
"@types/react-dom": "^18.2.25",
"autoprefixer": "^10.2.5",
"autoprefixer": "^10.4.22",
"cross-env": "^7.0.3",
"cssnano": "^4.1.11",
"cypress": "^13.17.0",
"jest": "^26.0.0",
"node-polyfill-webpack-plugin": "^2.0.1",
"postcss": "^8.2.10",
"postcss": "^8.5.6",
"postcss-cli": "^8.3.1",
"postcss-import": "^14.0.2",
"postcss-scopify": "^0.1.9",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwindcss": "^2.1.1",
"tailwindcss": "^3.4.17",
"ts-jest": "^26.4.1",
"ts-loader": "9.4.4",
"webpack": "5.88.2",
Expand Down
24 changes: 4 additions & 20 deletions library/tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
module.exports = {
// Purge works on production env
purge: ['./src/**/*.tsx'],
darkMode: false, // or 'media' or 'class'
content: ['./src/**/*.tsx'], // or ./src/**/*.{js,jsx,ts,tsx}
theme: {
// use default styles of tailwind v1: https://tailwindcss.com/docs/upgrading-to-v2#configure-your-color-palette-explicitly
colors: {
transparent: 'transparent',
current: 'currentColor',

black: '#000',
Expand Down Expand Up @@ -125,23 +121,14 @@ module.exports = {
'1/4': '25%',
},
fontSize: {
xs: '0.75rem',
sm: '0.875rem',
base: '1rem',
lg: '1.125rem',
xl: '1.25rem',
'2xl': '1.5rem',
'3xl': '1.875rem',
'4xl': '2.25rem',
'5xl': '3rem',
'6xl': '4rem',
'6xl': '4rem', // by default it's 3.75rem
},
borderColor: (theme) => ({
borderColor: ({ theme }) => ({
...theme('colors'),
DEFAULT: theme('colors.gray.400', 'currentColor'),
}),
extend: {
typography: (theme) => ({
typography: ({ theme }) => ({
DEFAULT: {
css: {
pre: {
Expand All @@ -152,8 +139,5 @@ module.exports = {
}),
},
},
variants: {
extend: {},
},
plugins: [require('@tailwindcss/typography')],
};