`content-none` not working

[Muspi Merol]

UnoCSS version

latest

Describe the bug

prose's backticks on <code> elements can't be removed by [&_code]:(before:content-none after:content-none) or @apply before:!content-none after:!content-none.

Reproduction

unocss playground

System Info

Edge, Windows

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[Henrik Berglund]

You need to write it like this:

<article prose class="before:[&_code]:content-none after:[&_code]:content-none text-green-300">
  <code>no backticks</code>
</article>

[Muspi Merol]

Thanks!

And another issue is, if you open the custom css panel in the playground example I provided, I wrote

.prose code {
  @apply before:!content-none after:!content-none;
}

And I added transformerDirectives in config, but this don't work too. I wonder why this transformer doesn't work

[Henrik Berglund]

Thanks!

And another issue is, if you open the custom css panel in the playground example I provided, I wrote

.prose code {
  @apply before:!content-none after:!content-none;
}

And I added transformerDirectives in config, but this don't work too. I wonder why this transformer doesn't work

This is because of attributify, you can't really target .prose because the class doesn't exist on the element, it's an attribute.

[prose] code {
  @apply before:content-none after:content-none;
}

or class="prose".