diff --git a/.gitignore b/.gitignore index c7cf4c9..249588b 100644 --- a/.gitignore +++ b/.gitignore @@ -32,3 +32,4 @@ docs/types/ src/network/messages.json *.map .hoodie +src/styles.css diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..c688be8 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: [ + require('tailwindcss'), + require('autoprefixer') + ] +} diff --git a/src/app.js b/src/app.js index 454e60d..005fd9d 100644 --- a/src/app.js +++ b/src/app.js @@ -20,8 +20,6 @@ import { selectIsSignedIn } from './bundles/account' import { selectOwnAvatarName } from './bundles/names' import { selectIsLoggedIn } from './bundles/session' -import 'normalize.css' - export default function Root ({ store }) { return ( diff --git a/src/index.js b/src/index.js index c1e525f..f25a999 100644 --- a/src/index.js +++ b/src/index.js @@ -5,6 +5,8 @@ import Root from './app' import configureStore from './store/configureStore' import registerServiceWorker from './registerServiceWorker' +import './styles.css' + const store = configureStore() ReactDOM.render( diff --git a/src/tailwind.css b/src/tailwind.css new file mode 100644 index 0000000..7f39374 --- /dev/null +++ b/src/tailwind.css @@ -0,0 +1,5 @@ +@tailwind base; + +@tailwind components; + +@tailwind utilities; diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..f596fd4 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,13 @@ +module.exports = { + purge: [ + './public/**/*.html', + './src/components/**/*.js', + './src/components/**/*.tsx', + './src/components/**/*.jsx' + ], + theme: { + extend: {} + }, + variants: {}, + plugins: [] +}