https://github.com/chapter-three/cthreem-core-tailwindcss
https://github.com/chapter-three/cthreem-core-tailwindcss
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/chapter-three/cthreem-core-tailwindcss
- Owner: chapter-three
- Created: 2018-07-13T01:38:49.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-13T17:44:10.000Z (almost 7 years ago)
- Last Synced: 2025-02-19T00:34:23.712Z (2 months ago)
- Language: JavaScript
- Size: 32.2 KB
- Stars: 0
- Watchers: 7
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://nodei.co/npm/cthreem-core-tailwindcss/)
# CThreem Core plugin for Tailwind CSS
This is a plugin for [CThreem Core](https://github.com/chapter-three/cthreem-core) to enable use of the Tailwind CSS framework.
## Installation
[Install](https://github.com/chapter-three/cthreem-core#installation) CThreem Core if it is not already installed.
```bash
npm install cthreem-core-tailwindcss --save
# -- or --
yarn add cthreem-core-tailwindcss
```
Edit your `gulp-config.js` file, and merge the [example gulp-config.js](examples/gulp-config.js) with yours so that is looks similar to the following:
```js
module.exports = {
tasks: {
...
tailwind: {
...
},
js: {}
...
},
browserSync: {}
};
```
Create config files (if they don't already exist):
```bash
cp node_modules/cthreem-core-tailwindcss/examples/.browserslistrc .browserslistrc
cp node_modules/cthreem-core-tailwindcss/examples/.stylelintrc .stylelintrc
```
Make sure your `.stylelintrc` file contains the following:
```json
"rules" {
...
"at-rule-no-unknown": [ true, {
"ignoreAtRules": [
...
"tailwind",
"responsive",
"variants",
"screen",
...
]
}],
...
}
```