CSS code highlighting on some more properties not working

[go-commit-code]

Prerequisites

• Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: https://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: https://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

Some missing property highlighting has already been reported (#189, #190, #192),
But I thought I'd go through MDN css reference to see if there are more.

I have only tested on vscode, but I'm assuming the grammer is up to date. (updated 2021 November 2.)

The following properties are missing syntax highlighting:

Non-experimental properties:

• border-block
• border-block-color
• border-block-style
• border-block-width
• border-inline
• border-inline-color
• border-inline-style
• border-inline-width
• color-scheme
• content-visibility
• counter-set
• forced-color-adjust
• offset-rotate
• print-color-adjust
• text-decoration-thickness
• text-underline-offset
• vector-effect (svg)

Experimental properties:

• inherits
• math-style
• overflow-clip-margin
• syntax

Behind experimantal flag:

• align-tracks
• animation-timeline
• justify-tracks
• line-height-step

Not implemented in any browser:

• margin-trim
• masonry-auto-flow

Deprecated:

• viewport-fit

No MDN docs:

• block-overflow
• input-security

Steps to Reproduce

Reproduces with this snippet:

div {
	/* Non-experimental properties */
	border-block: initial;
	border-block-color: initial;
	border-block-style: initial;
	border-block-width: initial;
	border-inline: initial;
	border-inline-color: initial;
	border-inline-style: initial;
	border-inline-width: initial;
	color-scheme: initial;
	content-visibility: initial;
	counter-set: initial;
	forced-color-adjust: initial;
	offset-rotate: initial;
	print-color-adjust: initial;
	text-decoration-thickness: initial;
	text-underline-offset: initial;

	/* Experimental properties */
	inherits: initial;
	math-style: initial;
	overflow-clip-margin: initial;
	syntax: initial;

	/* Behind experimantal flag */
	align-tracks: initial;
	animation-timeline: initial;
	justify-tracks: initial;
	line-height-step: initial;

	/* Not implemented in any browser */
	margin-trim: initial;
	masonry-auto-flow: initial;

	/* Deprecated */
	viewport-fit: initial;

	/* No MDN docs */ 
	block-overflow: initial; /* I think this has been renamed to `overflow-block` */
	input-security: initial;

	/* svg */
	vector-effect: initial; /* no compatibility table on MDN, but works on chrome */
}

Expected behavior:

The properties have syntax highlighting

Actual behavior:

The properties don't have syntax highlighting

Reproduces how often:

100% (in vscode)

[RawMajkel]

+1 it's so annoying, please take a look at this