Showing
7 changed files
with
28 additions
and
16 deletions
web/package-lock.json
0 → 100644
This diff could not be displayed because it is too large.
... | @@ -10,17 +10,21 @@ | ... | @@ -10,17 +10,21 @@ |
10 | "@types/node": "^12.0.0", | 10 | "@types/node": "^12.0.0", |
11 | "@types/react": "^17.0.0", | 11 | "@types/react": "^17.0.0", |
12 | "@types/react-dom": "^17.0.0", | 12 | "@types/react-dom": "^17.0.0", |
13 | + "autoprefixer": "^10.2.5", | ||
14 | + "postcss": "^8.3.0", | ||
13 | "react": "^17.0.2", | 15 | "react": "^17.0.2", |
14 | "react-dom": "^17.0.2", | 16 | "react-dom": "^17.0.2", |
15 | "react-scripts": "4.0.3", | 17 | "react-scripts": "4.0.3", |
18 | + "tailwindcss": "^2.1.2", | ||
16 | "typescript": "^4.1.2", | 19 | "typescript": "^4.1.2", |
17 | "web-vitals": "^1.0.1" | 20 | "web-vitals": "^1.0.1" |
18 | }, | 21 | }, |
19 | "scripts": { | 22 | "scripts": { |
20 | - "start": "react-scripts start", | 23 | + "start": "npm run twcss && react-scripts start", |
21 | - "build": "react-scripts build", | 24 | + "build": "npm run twcss && react-scripts build", |
22 | "test": "react-scripts test", | 25 | "test": "react-scripts test", |
23 | - "eject": "react-scripts eject" | 26 | + "eject": "react-scripts eject", |
27 | + "twcss": "tailwind build src/tailwind.css -c tailwind.config.js -o src/index.css" | ||
24 | }, | 28 | }, |
25 | "eslintConfig": { | 29 | "eslintConfig": { |
26 | "extends": [ | 30 | "extends": [ | ... | ... |
web/postcss.config.js
0 → 100644
... | @@ -5,6 +5,7 @@ import './App.css'; | ... | @@ -5,6 +5,7 @@ import './App.css'; |
5 | function App() { | 5 | function App() { |
6 | return ( | 6 | return ( |
7 | <div className="App"> | 7 | <div className="App"> |
8 | + <div className="ml-3 mb-3 font-bold text-2xl">TESTING</div> | ||
8 | <header className="App-header"> | 9 | <header className="App-header"> |
9 | <img src={logo} className="App-logo" alt="logo" /> | 10 | <img src={logo} className="App-logo" alt="logo" /> |
10 | <p> | 11 | <p> | ... | ... |
web/src/index.css
deleted
100644 → 0
1 | -body { | ||
2 | - margin: 0; | ||
3 | - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', | ||
4 | - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', | ||
5 | - sans-serif; | ||
6 | - -webkit-font-smoothing: antialiased; | ||
7 | - -moz-osx-font-smoothing: grayscale; | ||
8 | -} | ||
9 | - | ||
10 | -code { | ||
11 | - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', | ||
12 | - monospace; | ||
13 | -} |
web/src/tailwind.css
0 → 100644
-
Please register or login to post a comment