Starter project for using Jekyll with Tailwind CSS

By Mitchell Hanberg
Last update: Jan 7, 2023
Comments: 12

Jekyll Tailwind Starter

Welcome! Here you'll find a reasonable starter pack for using Jekyll with Tailwind CSS, Autoprefixer, and Purgecss.

About

This project uses jekyll-postcss to manage compiling your Tailwind and Autoprefixer styles. You can use any PostCSS plugin by installing it with yarn or npm and adding it to your postcss.config.js.

Install

git clone [email protected]:mhanberg/jekyll-tailwind-starter PROJECT_NAME

cd PROJECT_NAME

# Install your Ruby and JavaScript dependencies.
# Initialize your Tailwind configuration.
# Reinitialize your git repository.
bin/setup

Usage

# Install new dependencies
bin/bootstrap

# Start the server 
bin/start

# Create a new post
bin/new POST_TITLE

File Structure

+---_includes
    \---analytics.html // place your analytics tracking snippet in here
    \---syntax.css // Syntax highlighting CSS
    \---tailwind.config.js // Tailwind configuration. This is generated by bin/setup
+---_layouts
    \---default.html
    \---page.html
    \---post.html
+---_posts
+---_bin
    \---bootstrap // Install dependencies
    \---new // Create a new post and open it in your $EDITOR
    \---setup // Initial site setup
    \---start // Start the server with the livereload, incremental, drafts, and future flags on port 5000
+---_css
    \---site.css // Entry point stylesheet. You can write your styles here or import them from the _includes directory
+---index.md // Front page. This can be changed to an HTML file if desired.
+---404.html 
+---_config.yml // Jekyll configuration
+---postcss.config.js // PostCSS configuration. All plugins should be registered here.
+---netlify.toml // Netlify configuration

PostCSS plugins

postcss-import
Tailwind CSS
Autoprefixer
@fullhuman/postcss-purgecss
cssnano

Deployment

This setup has been tested on Netlify.

Github

https://github.com/mhanberg/jekyll-tailwind-starter

Comments(12)

1

Reload CSS Imports?

Right now when editing some CSS from an include, eg in _includes/syntax.css the change is not reflected unless server is restarted. Any way to make that work?

Reason for asking: trying to set up Build-time imports.
2

Netlify problems?

Thanks for setting up this starter app!

I've just forked this repository & tried deploying it to Netlify, and it looks like the Liquid templates aren't getting parsed: https://sleepy-boyd-3e01d0.netlify.com/

(That's without making any changes to your code other than generating the tailwind config file & checking it in.)

Any guesses what I might have screwed up? ;-) Do I need to change any settings at Netlify, perhaps?

Thanks for your help

Error while updating tailwindcss from v1.2 to 1.7

Hi. I can't use latest version of tailwindcss. When I do npm update run bin/start I get following error. I think error is with the postcss plugin of jekyll.

internal/modules/cjs/loader.js:796
    throw err;
    ^

Error: Cannot find module 'tailwindcss'
Require stack:
- /home/inam/web/jekyll-tw/postcss.config.js
- /home/linuxbrew/.linuxbrew/lib/ruby/gems/2.6.0/gems/jekyll-postcss-0.4.0/bin/postcss
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
    at Function.Module._load (internal/modules/cjs/loader.js:686:27)
    at Module.require (internal/modules/cjs/loader.js:848:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/home/inam/web/jekyll-tw/postcss.config.js:6:5)
    at Module._compile (internal/modules/cjs/loader.js:955:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:991:10)
    at Module.load (internal/modules/cjs/loader.js:811:32)
    at Function.Module._load (internal/modules/cjs/loader.js:723:14)
    at Module.require (internal/modules/cjs/loader.js:848:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/home/inam/web/jekyll-tw/postcss.config.js',
    '/home/linuxbrew/.linuxbrew/lib/ruby/gems/2.6.0/gems/jekyll-postcss-0.4.0/bin/postcss'
  ]
}
...

You created jekyll-postcss and can you make it working with the latest release?

4

Bump cssnano from 4.1.11 to 5.0.7
Bumps cssnano from 4.1.11 to 5.0.7.
Release notes

Sourced from cssnano's releases.
v5.0.7

Bug Fixes
- cssnano: reduce dependencies by moving from cosmiconfig to lilconfig (#1168) (506a8232)
v5.0.6

Bug Fixes

postcss-normalize-url: bump normalize-url dependency to 6.0.1 (#1142) (b60f54bed)

postcss-ordered-values: preserve columns count (#1144) (9acd6a2fe3e)

v5.0.5

Bug fixes
- Preserve alpha channel in color minification
- Check overlaps more exhaustively when merging rules
- Do not crash when the input CSS contains relative URLs
v5.0.4

Bug fixes
- postcss-colormin: Strict color parsing (#1122) (32771da)
- postcss-colormin: fix ERR_PACKAGE_PATH_NOT_EXPORTED (#1110) (8a31ca38796)
v5.0.2

Bug Fixes
- postcss-merge-longhand: mergeLonghand should not apply to CSS variables (#1057) (8aa64c7), closes #1051
v5.0.0

Major changes
- requires Node >= 10.13
- PostCSS 8 API, so cssnano 5 does not emit warnings when running under PostCSS 8
- updated to SVGO 2, fixing many SVG minification bugs
- updated css-value-parser and css-selector-parser, fixing many bugs
Upgrade notes

If you use the cssnano JavaScript API, you need to change your code:
- Replace cssnano.process() with cssnano().process() (notice the () after cssnano)
- pass cssnano options to cssnano() instead of process()
```
cssnano(cssnanoOptions).process(postcssOptions)
</tr></table> 
```
... (truncated)
Commits
- 2c246ec Publish cssnano 5.0.7
- b1e9581 chore(postcss-reduce-initial): fix build command (#1170)
- ca5246d refactor(postcss-reduce-initial): refactor and add tests for acquire script (...
- 506a823 Improve config documentation and remove 22 dependencies from cssnano (#1168)
- 9886775 chore(git): clean up .gitignore files (#1156)
- 095f901 test: fix misc. test warnings (#1161)
- 629918c chore(docs): update to latest docusaurus (#1155)
- 3ebc3d9 fix(site-playground): add missing error handling to fix WSOD (#991) (#1154)
- ef098b1 chore(deps): bump postcss-svgo dep of svgo from v2.3.0 to 2.3.1 (#1152)
- 2a0128c chore(docs): update docusaurus (#1151)
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
5

Bump autoprefixer from 9.8.6 to 10.3.1
Bumps autoprefixer from 9.8.6 to 10.3.1.
Release notes

Sourced from autoprefixer's releases.
10.3.1
- Fixed adding wrong prefixes to content (by @lukewarlow).
10.3 “Чести своей не отдам никому”

In Autoprefixer 10.3 @lukewarlow added ::file-selector-button support.
```
::-webkit-file-upload-button {
  border: 2px solid #6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
}
::file-selector-button {
border: 2px solid #6c5ce7;
padding: .2em .4em;
border-radius: .2em;
background-color: #a29bfe;
}
```
10.2.6
- Fixed “no prefixes needed” warning (by @Pwntheon).
10.2.5
- Fixed : support in @supports (by @Semigradsky).
- Fixed docs (by @coliff).
10.2.4
- Fixed browser names in npx autoprefixer --info.
10.2.3
- Fixed PostCSS 8 support.
10.2.2
- Fixed PostCSS 8 plugins compatibility.
10.2.1
- Fixed transition-property warnings (by @Sheraff).
10.2 “Sub rosa”

Autoprefixer 10.2 now has built-in TypeScript definitions. You do not need @types/autoprefixer anymore.

Thanks to @Semigradsky and DefinitelyTyped’s contributors.
... (truncated)
Changelog

Sourced from autoprefixer's changelog.
10.3.1
- Fixed adding wrong prefixes to content (by Luke Warlow).
10.3 “Чести своей не отдам никому”
- Added ::file-selector-button support (by Luke Warlow).
10.2.6
- Fixed “no prefixes needed” warning (by @Pwntheon).
10.2.5
- Fixed : support in @supports (by Dmitry Semigradsky).
- Fixed docs (by Christian Oliff).
10.2.4
- Fixed browser names in npx autoprefixer --info.
10.2.3
- Fixed PostCSS 8 support.
10.2.2
- Fixed PostCSS 8 plugins compatibility.
10.2.1
- Fixed transition-property warnings (by @Sheraff).
10.2 “Sub rosa”
- Added TypeScript definitions (by Dmitry Semigradsky).
- Fixed docs (by Florian Pellet).
10.1 “Pula”
- Added dpcm unit support to min-resolution: 2dppx (by Robert Eisele).
- Fixed rational approximation in min-resolution (by Robert Eisele).
10.0.4
- Fixed Cannot read property 'proxyOf' of undefined error (by Igor Kamyshev).
10.0.3
- Fixed substract to subtract value for mask-composite (by Michelle Enos).
10.0.2
- Removed -ms-user-select: all because IE and old Edge don’t support it.
- Fixed Grid Layout warning.
10.0.1
- Fix PostCSS 8.1 compatability.
- Add our OpenCollective to package.json.
- Clean up code (by Sukka).
10.0 “Alis volat propriis”
- Removed support for Node.js 6.x, 8.x, 11.x.
... (truncated)
Commits
- efca4fa Release 10.3.1 version
- 1febed0 Update dependencies
- 4e31573 Fix: Term element in content value gets parsed (#1414)
- 006146d Release 10.3 version
- 5f9a9b5 Clean up dependencies
- 9a114c5 Update dependencies
- 5468c9f Autoprefix the file-selector-button pseudo-element (#1412)
- 05cfed6 Fix: remove broken link with 404 error (#1410)
- d4ced64 Release 10.2.6 version
- c1b26d1 Better warning text
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
6

Bump autoprefixer from 9.8.6 to 10.3.0
Bumps autoprefixer from 9.8.6 to 10.3.0.
Release notes

Sourced from autoprefixer's releases.
10.3 “Чести своей не отдам никому”

In Autoprefixer 10.3 @lukewarlow added ::file-selector-button support.
```
::-webkit-file-upload-button {
  border: 2px solid #6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
}
::file-selector-button {
border: 2px solid #6c5ce7;
padding: .2em .4em;
border-radius: .2em;
background-color: #a29bfe;
}
```
10.2.6
- Fixed “no prefixes needed” warning (by @Pwntheon).
10.2.5
- Fixed : support in @supports (by @Semigradsky).
- Fixed docs (by @coliff).
10.2.4
- Fixed browser names in npx autoprefixer --info.
10.2.3
- Fixed PostCSS 8 support.
10.2.2
- Fixed PostCSS 8 plugins compatibility.
10.2.1
- Fixed transition-property warnings (by @Sheraff).
10.2 “Sub rosa”

Autoprefixer 10.2 now has built-in TypeScript definitions. You do not need @types/autoprefixer anymore.

Thanks to @Semigradsky and DefinitelyTyped’s contributors.

@Sheraff also improved docs.

10.1 “Pula”
... (truncated)
Changelog

Sourced from autoprefixer's changelog.
Change Log

This project adheres to Semantic Versioning.

10.3 “Чести своей не отдам никому”
- Added ::file-selector-button support (by Luke Warlow).
10.2.6
- Fixed “no prefixes needed” warning (by @Pwntheon).
10.2.5
- Fixed : support in @supports (by Dmitry Semigradsky).
- Fixed docs (by Christian Oliff).
10.2.4
- Fixed browser names in npx autoprefixer --info.
10.2.3
- Fixed PostCSS 8 support.
10.2.2
- Fixed PostCSS 8 plugins compatibility.
10.2.1
- Fixed transition-property warnings (by @Sheraff).
10.2 “Sub rosa”
- Added TypeScript definitions (by Dmitry Semigradsky).
- Fixed docs (by Florian Pellet).
10.1 “Pula”
- Added dpcm unit support to min-resolution: 2dppx (by Robert Eisele).
- Fixed rational approximation in min-resolution (by Robert Eisele).
10.0.4
- Fixed Cannot read property 'proxyOf' of undefined error (by Igor Kamyshev).
10.0.3
- Fixed substract to subtract value for mask-composite (by Michelle Enos).
10.0.2
- Removed -ms-user-select: all because IE and old Edge don’t support it.
- Fixed Grid Layout warning.
10.0.1
- Fix PostCSS 8.1 compatability.
- Add our OpenCollective to package.json.
- Clean up code (by Sukka).
10.0 “Alis volat propriis”
- Removed support for Node.js 6.x, 8.x, 11.x.
... (truncated)
Commits
- 006146d Release 10.3 version
- 5f9a9b5 Clean up dependencies
- 9a114c5 Update dependencies
- 5468c9f Autoprefix the file-selector-button pseudo-element (#1412)
- 05cfed6 Fix: remove broken link with 404 error (#1410)
- d4ced64 Release 10.2.6 version
- c1b26d1 Better warning text
- 8d492b3 Update Jest
- 5daaa3f Use Node.js 16 on CI
- 397d796 Clarify warning about no targets (#1409)
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
7

Bump cssnano from 4.1.11 to 5.0.6
Bumps cssnano from 4.1.11 to 5.0.6.
Release notes

Sourced from cssnano's releases.
v5.0.5

Bug fixes
- Preserve alpha channel in color minification
- Check overlaps more exhaustively when merging rules
- Do not crash when the input CSS contains relative URLs
v5.0.4

Bug fixes
- postcss-colormin: Strict color parsing (#1122) (32771da)
- postcss-colormin: fix ERR_PACKAGE_PATH_NOT_EXPORTED (#1110) (8a31ca38796)
v5.0.2

Bug Fixes
- postcss-merge-longhand: mergeLonghand should not apply to CSS variables (#1057) (8aa64c7), closes #1051
v5.0.0

Major changes
- requires Node >= 10.13
- PostCSS 8 API, so cssnano 5 does not emit warnings when running under PostCSS 8
- updated to SVGO 2, fixing many SVG minification bugs
- updated css-value-parser and css-selector-parser, fixing many bugs
Upgrade notes

If you use the cssnano JavaScript API, you need to change your code:
- Replace cssnano.process() with cssnano().process() (notice the () after cssnano)
- pass cssnano options to cssnano() instead of process()
```
cssnano(cssnanoOptions).process(postcssOptions)
```
Bug fixes
- fix improperly discarding @font-face declarations #726
- partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004
- fix translate3d() minification #920
- fix minification of values starting with e #589, #984
- fix minification of percentage vaalues #962, #957
- fix minification of aspect-ratio #963
- fix merging of @supports rules #974
- fix sorting of longhand and shorthand properties #535
- remove vulnerable dependency and always warn with bad SVG input #1034
Commits
- eb6bc89 Publish cssnano 5.0.6
- 14c76d5 chore(dev): remove obsolete build scripts (#1145)
- 9acd6a2 fix(postcss-ordered-values): preserve columns count (#1144)
- f23108e chore(dev): replace del-cli with rimraf (#1143)
- b60f54b chore(postcss-normalize-url): bump normalize-url dependency to 6.0.1 (#1142)
- 36cef92 chore: use workspaces (#1140)
- a63dabf docs: Replace Azure Pieplines badge with Github Actions (#1139)
- 95d599f docs: Update website for 5.0.5 (#1138)
- 9b3c54f Merge pull request #1137 from cssnano/v5.05
- 6b73174 Publish cssnano 5.0.5
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
8

Bump cssnano from 4.1.11 to 5.0.5
Bumps cssnano from 4.1.11 to 5.0.5.
Release notes

Sourced from cssnano's releases.
v5.0.5

Bug fixes
- Preserve alpha channel in color minification
- Check overlaps more exhaustively when merging rules
- Do not crash when the input CSS contains relative URLs
v5.0.4

Bug fixes
- postcss-colormin: Strict color parsing (#1122) (32771da)
- postcss-colormin: fix ERR_PACKAGE_PATH_NOT_EXPORTED (#1110) (8a31ca38796)
v5.0.2

Bug Fixes
- postcss-merge-longhand: mergeLonghand should not apply to CSS variables (#1057) (8aa64c7), closes #1051
v5.0.0

Major changes
- requires Node >= 10.13
- PostCSS 8 API, so cssnano 5 does not emit warnings when running under PostCSS 8
- updated to SVGO 2, fixing many SVG minification bugs
- updated css-value-parser and css-selector-parser, fixing many bugs
Upgrade notes

If you use the cssnano JavaScript API, you need to change your code:
- Replace cssnano.process() with cssnano().process() (notice the () after cssnano)
- pass cssnano options to cssnano() instead of process()
```
cssnano(cssnanoOptions).process(postcssOptions)
```
Bug fixes
- fix improperly discarding @font-face declarations #726
- partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004
- fix translate3d() minification #920
- fix minification of values starting with e #589, #984
- fix minification of percentage vaalues #962, #957
- fix minification of aspect-ratio #963
- fix merging of @supports rules #974
- fix sorting of longhand and shorthand properties #535
- remove vulnerable dependency and always warn with bad SVG input #1034
Commits
- ddae8d3 v5.0.5
- 0a4993e v5.0.2
- 3168399 feat(postcss-colormin): Output 4 and 8 digit hex colors (#1109)
- f2a8a1a chore: update all deps (#1135)
- 0ff1716 fix(postcss-svgo): only process inline SVG URLs (#1133)
- 069c424 fix(postcss-merge-rules): check all intersections when merging rules (#1116)
- dceafe2 Merge pull request #1124 from cssnano/v5.0.4
- 08ec284 docs: update website for cssnano 5.0.4.
- a7c2f9b Publish cssnano 5.0.4
- 32771da fix(postcss-colormin): Strict color parsing (#1122)
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
9

Bump autoprefixer from 9.8.6 to 10.2.6
Bumps autoprefixer from 9.8.6 to 10.2.6.
Release notes

Sourced from autoprefixer's releases.
10.2.6
- Fixed “no prefixes needed” warning (by @Pwntheon).
10.2.5
- Fixed : support in @supports (by @Semigradsky).
- Fixed docs (by @coliff).
10.2.4
- Fixed browser names in npx autoprefixer --info.
10.2.3
- Fixed PostCSS 8 support.
10.2.2
- Fixed PostCSS 8 plugins compatibility.
10.2.1
- Fixed transition-property warnings (by @Sheraff).
10.2 “Sub rosa”

Autoprefixer 10.2 now has built-in TypeScript definitions. You do not need @types/autoprefixer anymore.

Thanks to @Semigradsky and DefinitelyTyped’s contributors.

@Sheraff also improved docs.

10.1 “Pula”

Autoprefixer 10.1 improved min-resolution support.

@infusion added dpcm unit support and num2fraction with Fraction.js, which uses Farey Sequences as a rational approximation (more precise) and simplifies the fraction using continued fractions to ɛ <0.001 afterward.
```
/* input */
@media (min-resolution: 113.38dpcm) {
  …
}
/* output */
@media (-webkit-min-device-pixel-ratio: 3),
(min--moz-device-pixel-ratio: 3),
(-o-min-device-pixel-ratio: 3/1),
(min-resolution: 113.38dpcm) {
…
}
```
... (truncated)
Changelog

Sourced from autoprefixer's changelog.
10.2.6
- Fixed “no prefixes needed” warning (by @Pwntheon).
10.2.5
- Fixed : support in @supports (by Dmitry Semigradsky).
- Fixed docs (by Christian Oliff).
10.2.4
- Fixed browser names in npx autoprefixer --info.
10.2.3
- Fixed PostCSS 8 support.
10.2.2
- Fixed PostCSS 8 plugins compatibility.
10.2.1
- Fixed transition-property warnings (by @Sheraff).
10.2 “Sub rosa”
- Added TypeScript definitions (by Dmitry Semigradsky).
- Fixed docs (by Florian Pellet).
10.1 “Pula”
- Added dpcm unit support to min-resolution: 2dppx (by Robert Eisele).
- Fixed rational approximation in min-resolution (by Robert Eisele).
10.0.4
- Fixed Cannot read property 'proxyOf' of undefined error (by Igor Kamyshev).
10.0.3
- Fixed substract to subtract value for mask-composite (by Michelle Enos).
10.0.2
- Removed -ms-user-select: all because IE and old Edge don’t support it.
- Fixed Grid Layout warning.
10.0.1
- Fix PostCSS 8.1 compatability.
- Add our OpenCollective to package.json.
- Clean up code (by Sukka).
10.0 “Alis volat propriis”
- Removed support for Node.js 6.x, 8.x, 11.x.
- Moved postcss to peerDependencies.
- Moved to PostCSS 8.
Commits
- d4ced64 Release 10.2.6 version
- c1b26d1 Better warning text
- 8d492b3 Update Jest
- 5daaa3f Use Node.js 16 on CI
- 397d796 Clarify warning about no targets (#1409)
- 9836cfa Update dependencies
- 8889215 Fix Node.js 10 on CI
- e72998a Update dependencies
- 60ae9a6 Update lock files
- 190569b update postcss to patched version (#1408)
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
10

Bump cssnano from 4.1.11 to 5.0.4
Bumps cssnano from 4.1.11 to 5.0.4.
Release notes

Sourced from cssnano's releases.
v5.0.4

Bug fixes
- postcss-colormin: Strict color parsing (#1122) (32771da)
- postcss-colormin: fix ERR_PACKAGE_PATH_NOT_EXPORTED (#1110) (8a31ca38796)
v5.0.2

Bug Fixes
- postcss-merge-longhand: mergeLonghand should not apply to CSS variables (#1057) (8aa64c7), closes #1051
v5.0.0

Major changes
- requires Node >= 10.13
- PostCSS 8 API, so cssnano 5 does not emit warnings when running under PostCSS 8
- updated to SVGO 2, fixing many SVG minification bugs
- updated css-value-parser and css-selector-parser, fixing many bugs
Upgrade notes

If you use the cssnano JavaScript API, you need to change your code:
- Replace cssnano.process() with cssnano().process() (notice the () after cssnano)
- pass cssnano options to cssnano() instead of process()
```
cssnano(cssnanoOptions).process(postcssOptions)
```
Bug fixes
- fix improperly discarding @font-face declarations #726
- partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004
- fix translate3d() minification #920
- fix minification of values starting with e #589, #984
- fix minification of percentage vaalues #962, #957
- fix minification of aspect-ratio #963
- fix merging of @supports rules #974
- fix sorting of longhand and shorthand properties #535
- remove vulnerable dependency and always warn with bad SVG input #1034
Commits
- a7c2f9b Publish cssnano 5.0.4
- 32771da fix(postcss-colormin): Strict color parsing (#1122)
- 8a31ca3 fix(postcss-colormin): ERR_PACKAGE_PATH_NOT_EXPORTED (#1111)
- 28c2471 Merge pull request #1108 from cssnano/v5.0.3
- 7613ee4 docs: update website for new release
- 3b1cb9d Publish
- 8518890 chore: update ignore in lerna.json
- a7f0be4 feat(postcss-colormin): switch to colord and solve multiple issues (#1107)
- ea1ff0b chore: update css-declaration-sorter to v6.0.3 (#1071)
- 02e3aab chore(site): update all website dependencies (#1101)
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
11

Bump cssnano from 4.1.11 to 5.0.3
Bumps cssnano from 4.1.11 to 5.0.3.
Release notes

Sourced from cssnano's releases.
v5.0.2

Bug Fixes
- postcss-merge-longhand: mergeLonghand should not apply to CSS variables (#1057) (8aa64c7), closes #1051
v5.0.0

Major changes
- requires Node >= 10.13
- PostCSS 8 API, so cssnano 5 does not emit warnings when running under PostCSS 8
- updated to SVGO 2, fixing many SVG minification bugs
- updated css-value-parser and css-selector-parser, fixing many bugs
Upgrade notes

If you use the cssnano JavaScript API, you need to change your code:
- Replace cssnano.process() with cssnano().process() (notice the () after cssnano)
- pass cssnano options to cssnano() instead of process()
```
cssnano(cssnanoOptions).process(postcssOptions)
```
Bug fixes
- fix improperly discarding @font-face declarations #726
- partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004
- fix translate3d() minification #920
- fix minification of values starting with e #589, #984
- fix minification of percentage vaalues #962, #957
- fix minification of aspect-ratio #963
- fix merging of @supports rules #974
- fix sorting of longhand and shorthand properties #535
- remove vulnerable dependency and always warn with bad SVG input #1034
Commits
- 4e072b7 Publish
- b001bf8 chore: update ignore in lerna.json
- a7f0be4 feat(postcss-colormin): switch to colord and solve multiple issues (#1107)
- ea1ff0b chore: update css-declaration-sorter to v6.0.3 (#1071)
- 02e3aab chore(site): update all website dependencies (#1101)
- 65d8197 chore(postcss-zindex): refactor to drop depenencies (#1096)
- 4d7fe36 fix(postcss-merge-rules): add some missing known pseudo classes. (#1099)
- c5e0a5e fix(postcss-merge-rules): prevent breaking rule merges (#1072)
- 15235a9 chore: update postcss and postcss-selector-parser (#1097)
- 1aa8f5d chore: fix the code to generate the integration test fixtures (#1070)
- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:
- @dependabot rebase will rebase this PR
- @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
- @dependabot merge will merge this PR after your CI passes on it
- @dependabot squash and merge will squash and merge this PR after your CI passes on it
- @dependabot cancel merge will cancel a previously requested merge and block automerging
- @dependabot reopen will reopen this PR if it is closed
- @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
- @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
- @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
- @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
- @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language
- @dependabot badge me will comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)
12

Use builtin Tailwind purging

Tailwind now can purge itself. The template should be updated to reflect this.

Since the template doesn't hard code the tailwind config, there should be a copy/paste-able purge config in the readme.

Starter project for using Jekyll with Tailwind CSS

Jekyll Tailwind Starter

About

Install

Usage

File Structure

PostCSS plugins

Deployment

Github

Comments(12)

Reload CSS Imports?

Netlify problems?

Error while updating tailwindcss from v1.2 to 1.7

Bump cssnano from 4.1.11 to 5.0.7

v5.0.7

Bug Fixes

v5.0.6

Bug Fixes

v5.0.5

Bug fixes

v5.0.4

Bug fixes

v5.0.2

Bug Fixes

v5.0.0

Major changes

Upgrade notes

Bump autoprefixer from 9.8.6 to 10.3.1

10.3.1

10.3 “Чести своей не отдам никому”

10.2.6

10.2.5

10.2.4

10.2.3

10.2.2

10.2.1

10.2 “Sub rosa”

10.3.1

10.3 “Чести своей не отдам никому”

10.2.6

10.2.5

10.2.4

10.2.3

10.2.2

10.2.1

10.2 “Sub rosa”

10.1 “Pula”

10.0.4

10.0.3

10.0.2

10.0.1

10.0 “Alis volat propriis”

Bump autoprefixer from 9.8.6 to 10.3.0

10.3 “Чести своей не отдам никому”

10.2.6

10.2.5

10.2.4

10.2.3

10.2.2

10.2.1

10.2 “Sub rosa”

10.1 “Pula”

Change Log

10.3 “Чести своей не отдам никому”

10.2.6

10.2.5

10.2.4

10.2.3

10.2.2

10.2.1

10.2 “Sub rosa”

10.1 “Pula”

10.0.4

10.0.3

10.0.2

10.0.1

10.0 “Alis volat propriis”

Bump cssnano from 4.1.11 to 5.0.6

v5.0.5

Bug fixes