Add support for items-inherit

[Alastyr]

Hi everyone.

With grid layout and specifically with subgrid it could be usefull add items-inherit class to specify align-items: inherit property.

Adding items-inherit class could let developers to specify align-items only on outer element. Inner elements with grid-template-columns/grid-template-rows subgrid will inherit align-items by outer element.

At the moment the class is missing in tailwind class list https://tailwindcss.com/docs/align-items

Not even items-[inherit] works.

Thank you.

[rozsazoltan]

You can implement it yourself using @utility:

@utility items-inherit {
  align-items: inherit;
}

<div class="items-inherit">...</div>

But you can also enable the arbitrary value functionality:

@utility items-* {
  align-items: --value([*]);
}

<div class="items-[inherit]">...</div>

And if you only need it once, you can also provide it as arbitrary CSS:

<div class="[align-items:inherit]">...</div>

• https://play.tailwindcss.com/qhxKJ49WiO