fix(css): fix contrast of 9 css examples

[rohini-ranjanR]

Description

This PR improves the contrast of the following examples:

• pointer-events
• margin-inline
• margin-inline-start
• margin-inline-end
• margin-bottom
• margin-block
• margin-block-start
• margin-block-end
• list-style-type

Motivation

Additional details

Related issues and pull requests

Relates #2054

[NiedziolkaMichal]

Very good job, thank you. There are still 3 small things that need to be changed:

• In list-style-type example, the text @counter-style has a poor contrast in the dark mode.
• In pointer-events example, the text example link also has poor contrast.
• In the pointer-events, could you change the white color of the text SVG to be set with fill rather than stroke? It will be more legible.

[NiedziolkaMichal]

@rohini-ranjanR It's not a good idea to use style attribute. In both cases, it's best to use a separate class or use tag attribute. Could you also keep those colors consistent across the examples?

[NiedziolkaMichal]

The shade of green you have chosen doesn't meet contrast requirements now, #009e5f will be better. Can you also run fix:css, so the empty space after } is deleted?