Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-23 14:15:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2096 from dotnetCarpenter/fix_tailwind_comments

Browse Source 
Better explanation for using tailwind with postcss-import
This commit is contained in:
Sébastien Chopin 2017-11-14 10:36:13 +01:00 committed by GitHub
commit e0c2d8900d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
examples/tailwindcss/assets/css/tailwind.css
View File

@ -4,6 +4,12 @@
*
* You can see the styles here:
* https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
*
* If using `postcss-import`, you should import this line from it's own file:
*
* @import "./tailwind-preflight.css";
*
* See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
*/
@tailwind preflight;
@ -17,7 +23,7 @@
* .btn { ... }
* .form-input { ... }
*
* Or if using a preprocessor:
* Or if using a preprocessor or `postcss-import`:
*
* @import "components/buttons";
* @import "components/forms";
@ -26,6 +32,12 @@
/**
* This injects all of Tailwind's utility classes, generated based on your
* config file.
*
* If using `postcss-import`, you should import this line from it's own file:
*
* @import "./tailwind-utilities.css";
*
* See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
*/
@tailwind utilities;
@ -38,8 +50,8 @@
* .bg-pattern-graph-paper { ... }
* .skew-45 { ... }
*
* Or if using a preprocessor..
* Or if using a preprocessor or `postcss-import`:
*
* @import "utilities/backgrond-patterns";
* @import "utilities/background-patterns";
* @import "utilities/skew-transforms";
*/