Skip to content

v3.1.0

Compare
Choose a tag to compare
@github-actions github-actions released this 09 Jun 10:08
c01ce5c

We just released Tailwind CSS v3.1 — the first new feature release since v3.0 came out last year!

Read the announcement post for all the details, and watch the YouTube video for a tour of some of the highlights.


Added

  • Support PostCSS Document nodes (#7291)
  • Add text-start and text-end utilities (#6656)
  • Support customizing class name when using darkMode: 'class' (#5800)
  • Add --poll option to the CLI (#7725)
  • Add new border-spacing utilities (#7102)
  • Add enabled variant (#7905)
  • Add TypeScript types for the tailwind.config.js file (#7891)
  • Add backdrop variant (#7924, #8526)
  • Add grid-flow-dense utility (#8193)
  • Add mix-blend-plus-lighter utility (#8288)
  • Add arbitrary variants (#8299)
  • Add experimental matchVariant API (#8310, 34fd0fb8)
  • Add prefers-contrast media query variants (#8410)
  • Add opacity support when referencing colors with theme function (#8416)
  • Add postcss-import support to the CLI (#8437)
  • Add optional variant (#8486)
  • Add <alpha-value> placeholder support for custom colors (#8501)

Fixed

  • Types: allow for arbitrary theme values (for 3rd party plugins) (#7926)
  • Don’t split vars with numbers in them inside arbitrary values (#8091)
  • Require matching prefix when detecting negatives (#8121)
  • Handle duplicate At Rules without children (#8122)
  • Allow arbitrary values with commas in @apply (#8125)
  • Fix intellisense for plugins with multiple @apply rules (#8213)
  • Improve type detection for arbitrary color values (#8201)
  • Support PostCSS config options in config file in CLI (#8226)
  • Remove default [hidden] style in preflight (#8248)
  • Only check selectors containing base apply candidates for circular dependencies (#8222)
  • Rewrite default class extractor (#8204)
  • Move important selector to the front when @apply-ing selector-modifying variants in custom utilities (#8313)
  • Error when registering an invalid custom variant (#8345)
  • Create tailwind.config.cjs file in ESM package when running init (#8363)
  • Fix matchVariants that use at-rules and placeholders (#8392)
  • Improve types of the tailwindcss/plugin (#8400)
  • Allow returning parallel variants from addVariant or matchVariant callback functions (#8455)
  • Try using local postcss installation first in the CLI (#8270)
  • Allow default ring color to be a function (#7587)
  • Don't inherit to value from parent gradients (#8489)
  • Remove process dependency from log functions (#8530)
  • Ensure we can use @import 'tailwindcss/...' without node_modules (#8537)

Changed

  • Only apply hover styles when supported (future) (#8394)
  • Respect default ring color opacity (future) (#8448, 3f4005e)