First test with a no-prose stop class

[mathieutu]

Hi,
This is just to set a place to iterate on a way to stop and reset prose styling as said in https://twitter.com/mathieutu/status/1306156743962099712.

Actually it's not totally working, but I'm trying to understand why, and it's the best result I had.

EDIT :

This selector only applies to one element; you cannot use it to exclude all ancestors. For instance, body :not(table) a will still apply to links inside of a table, since will match with the :not() part of the selector.

So start again from begining.. 😞 (even if actually it did work on some tags (ex: it removed the color of links), so weird. 😅)

Related issue:

• Feature Request: Disable the prose classes per element. #32
• Allow for custom styling within prose #62

[RobinMalfait]

Hey! Thank you for your PR!
Much appreciated! 🙏

Honestly, creating a no-prose will be a hell to maintain. We have to undo all styles set by the .prose class and keep that in sync forever. This also means that every new PR has to make sure that it "resets" to the correct value.

Another approach, which is way better in my opinion is to do something like this:

<div class="prose">
  The contents here is styled with `.prose`
</div>

<div>
  The contents here is **not** styled with `.prose`
</div>

<div class="prose">
  The contents here is styled with `.prose`
</div>