Skip to content

Releases: tailwindlabs/tailwindcss

v1.4.4

01 May 19:33
Compare
Choose a tag to compare
  • Fix bug where target: 'browserslist' didn't work, only target: ['browserslist', {...}] did (f5c0e30)

v1.4.3

01 May 19:23
Compare
Choose a tag to compare
  • Don't generate unnecessary CSS in color plugins when color opacity utilities are disabled (#1680)

v1.4.2

01 May 12:26
Compare
Choose a tag to compare
  • Fix issue where purge: { enabled: false } was ignored, add purge: false shorthand

v1.4.1

30 Apr 13:13
Compare
Choose a tag to compare
  • Improve built-in PurgeCSS extractor to better support Haml and Slim templates (cdef9c8, 9032ff3)

v1.4.0

29 Apr 20:48
Compare
Choose a tag to compare

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.

v1.3.5

23 Apr 12:03
Compare
Choose a tag to compare
  • 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

v1.3.4

21 Apr 20:09
Compare
Choose a tag to compare
  • Fix bug where divide-{x/y}-0 utilities didn't work due to missing unit in calc call

v1.3.3

21 Apr 09:22
Compare
Choose a tag to compare
  • Fix bug where the divide-x utilities were not being applied correctly due to referencing --divide-y-reverse instead of --divide-x-reverse

v1.3.2

21 Apr 09:17
Compare
Choose a tag to compare
  • Add forgotten responsive variants for space, divideWidth, and divideColor utilities

v1.3.1

21 Apr 01:16
Compare
Choose a tag to compare
  • Fix bug where the space-x utilities were not being applied correctly due to referencing --space-y-reverse instead of --space-x-reverse