Border Radius: Inherit

[mnaderian]

Is it ok to ask if possible to add the inherit value for the border radius like rounded-inherit?
And also other possible utilities for top, bottom, left and right.

Thanks,
And love you all guys!

[jjdevzinho]

It would be great to have the "inherit" for the rounded classes

[luizov]

Just stumbled upon this myself. For anyone interested, you can now do rounded-[inherit] with arbitrary values and it works wonderfully. Here is an example with an ::after pseudo element inheriting its border radius: https://play.tailwindcss.com/ZZ6Pg9y79H

[gregg-cbs]

How would we add this to tailwind config so we create a rounded-inherit class?

I tried:

 extend: {
  rounded: {
    inherit: "inherit"
  }
 }

[gregg-cbs]

Ahhh because sometimes naming is confusing, this is the answer:

 extend: {
  borderRadius: {
    inherit: "inherit"
  }
 }

[ivands]

How would this work in v4 tho?

[wongjn]

@theme inline {
  --radius-inherit: inherit;
}

https://play.tailwindcss.com/GOatjyFabg

The inline tag is needed so that the value is inherit in the class rule, not var(--radius-inherit). The former correctly inherits from the parent, the later would inherit from :root's parent (nothing) and thus be nothing before evaluating "down".

[makschernetskyi]

class="rounded-[inherit]"