Skip to content

@adamwathan adamwathan released this May 8, 2020 · 88 commits to master since this release

  • Explicitly error when using a class as the important config option instead of just generating the wrong CSS (ad850ac)
Assets 2

@adamwathan adamwathan released this May 6, 2020 · 90 commits to master since this release

  • Fix bug where the divideColor plugin was using the wrong variants in IE11 target mode
Assets 2

@adamwathan adamwathan released this May 1, 2020 · 108 commits to master since this release

  • Fix bug where target: 'browserslist' didn't work, only target: ['browserslist', {...}] did (f5c0e30)
Assets 2

@adamwathan adamwathan released this May 1, 2020 · 110 commits to master since this release

  • Don't generate unnecessary CSS in color plugins when color opacity utilities are disabled (#1680)
Assets 2

@adamwathan adamwathan released this May 1, 2020 · 117 commits to master since this release

  • Fix issue where purge: { enabled: false } was ignored, add purge: false shorthand
Assets 2

@adamwathan adamwathan released this Apr 30, 2020 · 125 commits to master since this release

  • Improve built-in PurgeCSS extractor to better support Haml and Slim templates (cdef9c8, 9032ff3)
Assets 2

@adamwathan adamwathan released this Apr 29, 2020 · 136 commits to master since this release

Tailwind CSS v1.4.0

Another new minor version so soon? Merry Coronavirus 🎄😷🎄

New Features

New color opacity utilities (#1627)

Tailwind v1.4 adds a new set of utilities for controlling just the alpha channel of colors:

  • bg-opacity-{value}
  • text-opacity-{value}
  • border-opacity-{value}
  • divide-opacity-{value}
  • placeholder-opacity-{value}

These utilities compose with the existing color utilities like this:

<div class="bg-red-500 bg-opacity-25">
  <!-- ... -->
</div>

All of these new utilities inherit their values from the opacity config by default but can be configured independently under the following theme keys:

  • backgroundOpacity
  • textOpacity
  • borderOpacity
  • placeholderOpacity
  • divideOpacity

Learn more in the pull request.

Built-in PurgeCSS (#1639)

Tailwind v1.4 adds a new purge option to the config for removing unused CSS without the need for configuring another tool:

// tailwind.config.js
module.exports = {
  purge: [
    './src/**/*.html',
    './src/**/*.vue',
    './src/**/*.jsx',
  ],
  theme: {},
  variants: {},
  plugins: [],
}

Learn more in the pull request and the updated "Controlling File Size" documentation.

IE 11 target mode (#1635)

This feature is experimental and may change outside of normal semantic versioning policies.

Recently we've been adding a lot of new features to Tailwind that aren't IE 11 compatible, and if you need to support IE 11 in your projects you have to be careful not to rely on these features by mistake.

To make this easier, we've added a new target option to the config that lets you opt-in to a new ie11 mode that disables any features that are not compatible with IE 11:

// tailwind.config.js
module.exports = {
  target: 'ie11',
  theme: {},
  variants: {},
  plugins: [],
}

Learn more in the pull request.

Assets 2

@adamwathan adamwathan released this Apr 23, 2020 · 166 commits to master since this release

  • Fix missing unit in calc bug in space plugin (space-x-0 didn't work for example)
  • Drop fs-extra dependency to ^8.0.0 to preserve Node 8 compatibility until Tailwind 2.0
Assets 2

@adamwathan adamwathan released this Apr 21, 2020 · 173 commits to master since this release

  • Fix bug where divide-{x/y}-0 utilities didn't work due to missing unit in calc call
Assets 2

@adamwathan adamwathan released this Apr 21, 2020 · 176 commits to master since this release

  • Fix bug where the divide-x utilities were not being applied correctly due to referencing --divide-y-reverse instead of --divide-x-reverse
Assets 2
You can’t perform that action at this time.