feat(examples:tailwind): add postcss-preset-env (#10160)
* feat(examples:tailwind): add postcss-preset-env * fix: prettier * Review changes * Update README.md Co-authored-by: Joe Haddad <timer150@gmail.com>
This commit is contained in:
parent
ea0d916b50
commit
b95214e2cd
4 changed files with 4 additions and 7 deletions
|
@ -49,10 +49,8 @@ now
|
|||
|
||||
This setup is a basic starting point for using [Tailwind CSS](https://tailwindcss.com) with Next.js. This example also includes the following [PostCSS](https://github.com/postcss/postcss) plugins:
|
||||
|
||||
- [autoprefixer](https://github.com/postcss/autoprefixer) - Adds vendor prefixes to CSS rules in your stylesheet using values from [Can I Use](https://caniuse.com/)
|
||||
- [postcss-preset-env](https://preset-env.cssdb.org/) - Adds stage 2+ features and autoprefixes
|
||||
- [purgecss](https://github.com/FullHuman/purgecss) - Removes unused CSS
|
||||
- [cssnano](https://cssnano.co/) - Minifies CSS
|
||||
- [postcss-easy-import](https://github.com/TrySound/postcss-easy-import) - Allows importing one stylesheet into another
|
||||
|
||||
## Limitations
|
||||
|
||||
|
|
|
@ -13,8 +13,7 @@
|
|||
},
|
||||
"devDependencies": {
|
||||
"@fullhuman/postcss-purgecss": "^1.3.0",
|
||||
"autoprefixer": "^9.7.4",
|
||||
"postcss-import": "^12.0.1",
|
||||
"postcss-preset-env": "^6.7.0",
|
||||
"tailwindcss": "^1.1.4"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,6 +13,6 @@ module.exports = {
|
|||
},
|
||||
]
|
||||
: undefined,
|
||||
'autoprefixer',
|
||||
'postcss-preset-env',
|
||||
],
|
||||
}
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
.btn-blue {
|
||||
@apply .bg-blue-500 .text-white .font-bold .py-2 .px-4 .rounded;
|
||||
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue