feat(#BRU-11) - tailwindcss v3 upgrade (#1597)

* feat(#BRU-11) - tailwindcss v3 upgrade
* feat(#BRU-11) - lock file update to fix PR checks
This commit is contained in:
lohit 2024-02-19 17:36:54 +05:30 committed by GitHub
parent e2d754702a
commit 117726a01f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 657 additions and 416 deletions

1050
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -70,7 +70,6 @@
"strip-json-comments": "^5.0.1", "strip-json-comments": "^5.0.1",
"styled-components": "^5.3.3", "styled-components": "^5.3.3",
"system": "^2.0.1", "system": "^2.0.1",
"tailwindcss": "^2.2.19",
"url": "^0.11.3", "url": "^0.11.3",
"xml-formatter": "^3.5.0", "xml-formatter": "^3.5.0",
"yargs-parser": "^21.1.1", "yargs-parser": "^21.1.1",
@ -82,6 +81,7 @@
"@babel/preset-env": "^7.16.4", "@babel/preset-env": "^7.16.4",
"@babel/preset-react": "^7.16.0", "@babel/preset-react": "^7.16.0",
"@babel/runtime": "^7.16.3", "@babel/runtime": "^7.16.3",
"autoprefixer": "^10.4.17",
"babel-loader": "^8.2.3", "babel-loader": "^8.2.3",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"css-loader": "^6.5.1", "css-loader": "^6.5.1",
@ -89,8 +89,10 @@
"html-loader": "^3.0.1", "html-loader": "^3.0.1",
"html-webpack-plugin": "^5.5.0", "html-webpack-plugin": "^5.5.0",
"mini-css-extract-plugin": "^2.4.5", "mini-css-extract-plugin": "^2.4.5",
"postcss": "^8.4.35",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"style-loader": "^3.3.1", "style-loader": "^3.3.1",
"tailwindcss": "^3.4.1",
"webpack": "^5.64.4", "webpack": "^5.64.4",
"webpack-cli": "^4.9.1" "webpack-cli": "^4.9.1"
} }

View File

@ -0,0 +1,6 @@
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {}
}
};

View File

@ -10,7 +10,6 @@ import ErrorBoundary from './ErrorBoundary';
import '../styles/app.scss'; import '../styles/app.scss';
import '../styles/globals.css'; import '../styles/globals.css';
import 'tailwindcss/dist/tailwind.min.css';
import 'codemirror/lib/codemirror.css'; import 'codemirror/lib/codemirror.css';
import 'graphiql/graphiql.min.css'; import 'graphiql/graphiql.min.css';
import 'react-tooltip/dist/react-tooltip.css'; import 'react-tooltip/dist/react-tooltip.css';

View File

@ -1,3 +1,7 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
:root { :root {
--color-brand: #546de5; --color-brand: #546de5;
--color-text: rgb(52 52 52); --color-text: rgb(52 52 52);

View File

@ -0,0 +1,8 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
theme: {
extend: {}
},
plugins: []
};