Use CSSSyntax for at-rules and at-rule descriptors

[wbamberg]

When we replaced mdn/data with webref for the formal syntax, we had to remove {{csssyntax}} calls for at-rules and at-rule descriptors, because webref didn't make it easy to get values for them.

Now it does! So I filed mdn/yari#7322 to make {{csssyntax}} understand how to get values for these things. That PR got merged yesterday, so here's the content part.

There are two exceptional cases:

• https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src, where the spec lists the value as "See prose" (https://w3c.github.io/csswg-drafts/css-fonts/#src-desc)
• https://developer.mozilla.org/en-US/docs/Web/CSS/@charset, which does not get an entry in webref

For the time being I'm just hardcoding these values and not using {{csssyntax}}, but it might be possible to fix one or both of them upstream.

[github-actions]

Preview URLs (37 pages)

• /en-US/docs/Web/CSS/@color-profile
• /en-US/docs/Web/CSS/@counter-style/additive-symbols
• /en-US/docs/Web/CSS/@counter-style/fallback
• /en-US/docs/Web/CSS/@counter-style/negative
• /en-US/docs/Web/CSS/@counter-style/pad
• /en-US/docs/Web/CSS/@counter-style/prefix
• /en-US/docs/Web/CSS/@counter-style/range
• /en-US/docs/Web/CSS/@counter-style/speak-as
• /en-US/docs/Web/CSS/@counter-style/suffix
• /en-US/docs/Web/CSS/@counter-style/symbols
• /en-US/docs/Web/CSS/@counter-style/system
• /en-US/docs/Web/CSS/@counter-style
• /en-US/docs/Web/CSS/@font-face/ascent-override
• /en-US/docs/Web/CSS/@font-face/descent-override
• /en-US/docs/Web/CSS/@font-face/font-display
• /en-US/docs/Web/CSS/@font-face/font-family
• /en-US/docs/Web/CSS/@font-face/font-stretch
• /en-US/docs/Web/CSS/@font-face/font-style
• /en-US/docs/Web/CSS/@font-face/font-variation-settings
• /en-US/docs/Web/CSS/@font-face/font-weight
• /en-US/docs/Web/CSS/@font-face/line-gap-override
• /en-US/docs/Web/CSS/@font-face/size-adjust
• /en-US/docs/Web/CSS/@font-face/unicode-range
• /en-US/docs/Web/CSS/@font-face
• /en-US/docs/Web/CSS/@font-feature-values
• /en-US/docs/Web/CSS/@import
• /en-US/docs/Web/CSS/@keyframes
• /en-US/docs/Web/CSS/@layer
• /en-US/docs/Web/CSS/@media
• /en-US/docs/Web/CSS/@namespace
• /en-US/docs/Web/CSS/@page/size
• /en-US/docs/Web/CSS/@page
• /en-US/docs/Web/CSS/@property/inherits
• /en-US/docs/Web/CSS/@property/initial-value
• /en-US/docs/Web/CSS/@property/syntax
• /en-US/docs/Web/CSS/@property
• /en-US/docs/Web/CSS/@supports

Flaws (9)

Note! 29 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/CSS/@media
Title: @media
Flaw count: 1

• bad_bcd_links:
  • no explanation!

---

URL: /en-US/docs/Web/CSS/@font-face
Title: @font-face
Flaw count: 1

• bad_bcd_links:
  • no explanation!

---

URL: /en-US/docs/Web/CSS/@namespace
Title: @namespace
Flaw count: 1

• broken_links:
  • Can't resolve /en-US/docs/Namespaces

---

URL: /en-US/docs/Web/CSS/@page
Title: @page
Flaw count: 1

• bad_bcd_links:
  • no explanation!

---

URL: /en-US/docs/Web/CSS/@counter-style/additive-symbols
Title: additive-symbols
Flaw count: 1

• macros:
  • /en-US/docs/Web/CSS/system redirects to /en-US/docs/Web/CSS/@counter-style/system

---

URL: /en-US/docs/Web/CSS/@layer
Title: @layer
Flaw count: 2

• broken_links:
  • Can't resolve /en-US/docs/Web/Learn/CSS/Building_blocks/Cascade_and_inheritance
  • Can't resolve /en-US/docs/Web/Learn/CSS/Building_blocks/Cascade_layers

---

URL: /en-US/docs/Web/CSS/@color-profile
Title: @color-profile
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: css.at-rules.color-profile

---

URL: /en-US/docs/Web/CSS/@import
Title: @import
Flaw count: 1

• macros:
  • /en-US/docs/Glossary/user_agents does not exist

(this comment was updated 2022-11-08 22:35:47.541741)

[dipikabh]

LGTM, thank you!