DEV Community

Cover image for Tailwind CSS v3.0 more new features!
Code White Dev
Code White Dev

Posted on

Tailwind CSS v3.0 more new features!

TAILWIND CSS V3.0!!!
banner
Added

  • Add colored box shadow utilities
  • Add native aspect-ratio utilities
  • Add column utilities
  • Add break-before, break-inside and break-after utilities
  • Add text-indent utilities
  • Add text-decoration-{color/style/thickness/offset} utilities
  • Add outline-style, outline-color, outline-width and outline-offset utilities
  • Add align-sub and align-super vertical-align utilities
  • Add accent-color utilities
  • Add scroll-snap utilities
  • Add scroll-behavior utilities
  • Add touch-action utilities
  • Add flex-basis utilities
  • Add grow-* and shrink-* utilities, deprecate flex-grow-* and flex-shrink-*
  • Add border-x and border-y width and color utilities
  • Add border-hidden utility
  • Add overflow-clip, overflow-x-clip and overflow-y-clip utilities
  • Add inherit to default color palette
  • Add full color palette for fill-* and stroke-* utilities
  • Add fit-content values for min/max-width/height utilities
  • Add min/max-content values for min/max-height utilities
  • Add will-change utilities
  • Add all standard cursor-* values by default
  • Add print variant for targeting printed media
  • Add placeholder variant
  • Add file variant for ::file-selector-button pseudo element
  • Add [open] variant
  • Add portrait and landscape variants
  • Add menu reset to preflight
  • Add comprehensive "arbitrary value" support
  • Add "arbitrary properties" support
  • Add first-class negative value support
  • Add new declarative addVariant API
    WoW
    Changed

  • Remove AOT engine, make JIT the default

  • Enable extended color palette by default with updated color names

  • Rename overflow-clip to text-clip and overflow-ellipsis to text-ellipsis

  • Deprecate decoration-slice and decoration-break in favor box-decoration-slice and box-decoration-break

  • Move vertical-align values to config file instead of hard-coding

  • Throw when trying to @apply the group class

  • Remove dependency on modern-normalize, inline and consolidate with Preflight

  • Remove prefix as a function

  • Don't use pointer cursor on disabled buttons by default

  • Set default content value in preflight instead of within each before/after utility

  • Preserve original color format when adding opacity whenever possible

  • Unify config callback helpers into single object
    THANKS FOR READING...
    lots of hugs!

Original source :- Release v3.0.0 Β· tailwindlabs/tailwindcss

Top comments (0)