Skip to content

Commit

Permalink
tailwind dev setup (#17)
Browse files Browse the repository at this point in the history
  • Loading branch information
Amoodaa authored Jun 23, 2020
1 parent 946cd16 commit 94d4189
Show file tree
Hide file tree
Showing 8 changed files with 248 additions and 1 deletion.
3 changes: 3 additions & 0 deletions client/.gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -21,3 +21,6 @@
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# tailwind generated file
tailwind.generated.css
231 changes: 231 additions & 0 deletions client/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 5 additions & 1 deletion client/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,13 @@
"@testing-library/user-event": "^7.2.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1"
"react-scripts": "3.4.1",
"tailwindcss": "^1.4.6"
},
"scripts": {
"build:tailwind": "tailwindcss build src/tailwind.css -o src/tailwind.generated.css",
"prestart": "npm run build:tailwind",
"prebuild": "npm run build:tailwind",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
Expand Down
3 changes: 3 additions & 0 deletions client/src/App/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
import React from 'react';

export default () => <h1 className="">Hii from App</h1>;
1 change: 1 addition & 0 deletions client/src/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import "./tailwind.generated.css";
1 change: 1 addition & 0 deletions client/src/index.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

ReactDOM.render(
<React.StrictMode>
Expand Down
3 changes: 3 additions & 0 deletions client/src/tailwind.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
1 change: 1 addition & 0 deletions client/tailwind.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
module.exports = {};

0 comments on commit 94d4189

Please sign in to comment.