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

  • 3

    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

    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 compatibility score

    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

    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

    10.2.5

    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

    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

    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

    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

    Dependabot compatibility score

    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

    10.2.5

    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

    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

    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

    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

    Dependabot compatibility score

    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

    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

    Dependabot compatibility score

    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

    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

    Dependabot compatibility score

    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

    10.2.5

    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

    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

    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

    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

    Dependabot compatibility score

    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

    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 compatibility score

    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 compatibility score

    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.