README.md in jekyll-tailwind-2.0 vs README.md in jekyll-tailwind-2.1
- old
+ new
@@ -10,12 +10,17 @@
```ruby
group :jekyll_plugins do
gem 'jekyll-tailwind'
end
```
+2. Add plugin to _config.yml:
+```yml
+plugins:
+ - jekyll-tailwind
+```
-2. Add **tailwind.config.js** to root directory with following contents
+3. Add **tailwind.config.js** to root directory with following contents
```js
module.exports = {
content: ["./**/*.html"],
theme: {
extend: {},
@@ -26,17 +31,14 @@
require('@tailwindcss/container-queries')
],
};
```
-3. Modify default template to include app.css, e.g.:
+4. Modify default template to include app.css, e.g.:
`<link rel="stylesheet" href="{{ "/assets/css/app.css" | relative_url }}">`
-**The first time you build your Jekyll site, this gem will automatically download the Tailwind CLI for your platform and use it to build your CSS.** The Tailwind CLI will be saved in `_tailwind/tailwind-VERSION-PLATFORM`. It is recommended that you add this file to your `.gitignore` and don't commit it to your repository.
-It is important to note that **subsequent runs will use the existing Tailwind CLI and won't download it again.**
-
## Adjust tailwind configuration
By default Tailwind will:
- read the `tailwind.config.js` file that lives in your project's root (more info at [the Tailwind docs](https://tailwindcss.com/docs/configuration)).
- Output file will also be written into `_site/assets/css/app.css`.
@@ -45,10 +47,10 @@
But it's possible to tweak these settings through `_config.yml` file:
```yml
tailwind:
config: config/tailwind.config.js
- input: assets/css/app.css # or [assets/css/app.css, assets/css/web.css]
+ input: assets/css/app.css
output: _site/assets/css/web.css
postcss: config/postcss.config.js # default is nil
minify: true # defaults to false
```