Add word-spacing as a tailwind class just like letter-spacing

[SUBMSRMA143]

Add word-spacing as a tailwind class just like letter-spacing, sometimes we need to increase or decrease the spcaing between words themselves and why do i need to use external or inline css for that purpose only, pls consider adding word-spacing as a tailwindCSS class

[rozsazoltan]

You can use [word-spacing:1rem] or [word-spacing:normal], etc. with arbitrary value.

By the way, you can declare your own utility - with the v4 functional utility, it would look like this:

@theme {
  --word-tracking-tighter: -0.2em;
  --word-tracking-tight: -0.1em;
  --word-tracking-normal: 0em;
  --word-tracking-wide: 0.1em;
  --word-tracking-wider: 0.2em;
  --word-tracking-widest: 0.3em;
}

@utility word-tracking-* {
  word-spacing: --value(--word-tracking-*, [*]);
}

• https://play.tailwindcss.com/0dJGZ1g1zd?file=css

[rozsazoltan]

This example might help you understand how I declared the --word-tracking namespace in @theme and how I used the values in the utility.

• Combining multiple utilities to avoid code duplication; attaching a prefix to --value due to utility name shortening

[SUBMSRMA143]

Thnx