├── .prettierignore
├── .gitignore
├── postcss.config.js
├── src
└── tailwind.css
├── tailwind.config.js
├── package.json
└── public
└── index.html
/.prettierignore:
--------------------------------------------------------------------------------
1 | # *.html
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | public/tailwind.css
2 | node_modules/
3 |
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports ={
2 | plugins:[
3 | require('tailwindcss'),
4 | require('autoprefixer')
5 | ]
6 | }
--------------------------------------------------------------------------------
/src/tailwind.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | html {
6 | font-size: 16px;
7 | }
8 | input:checked ~ .dot {
9 | transform: translateX(130%);
10 | background-color: #22d3ee;
11 | }
12 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | purge: [],
3 | darkMode: false, // or 'media' or 'class'
4 | theme: {
5 | extend: {
6 | colors: {
7 | primary: "#22D3EE",
8 | secondary: "#A5F3FC",
9 | },
10 | },
11 | },
12 | variants: {
13 | extend: {},
14 | },
15 | plugins: [],
16 | };
17 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tailwind-css",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "build-css": "postcss src/tailwind.css -o public/tailwind.css"
8 | },
9 | "keywords": [],
10 | "author": "",
11 | "license": "ISC",
12 | "dependencies": {
13 | "autoprefixer": "^10.3.2",
14 | "postcss-cli": "^8.3.1",
15 | "tailwindcss": "^2.2.7"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
15 | Document
16 |
17 |
18 |
19 |
30 |
31 |
32 |
53 |
54 |
55 |
Dark Mode
56 |