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 ```