Need help understanding how macros work in order to update a CSS syntax definition

MDN
#1

Hi there,

I want to work on https://bugzilla.mozilla.org/show_bug.cgi?id=1340159. The task is about updating https://developer.mozilla.org/de/docs/Web/CSS/border-style, but can’t figure out where to change the content spit out via the {{csssyntax}} macro under “Formale syntax”.

I found a similar question (https://discourse.mozilla-community.org/t/need-help-in-understanding-how-to-edit-table-content-added-using-tag-htmlreftable-include-web-components-elements-shadow/17373), though the answer doesn’t seem to apply here. Am I wrong?

Thanks

1 Like
#2

Hi @alberts,

The {{csssyntax}} macro actually lives here: https://github.com/mozilla/kumascript/blob/master/macros/csssyntax.ejs but as you can see in the code, it consumes another content which is located here: https://github.com/mdn/data/blob/master/css/properties.json (this is a tricky one ^^)

To put it shorter, a pull request to https://github.com/mdn/data/blob/master/css/properties.json should be enough :slight_smile:
I’ll update the bug as well so that others can find the information too.

If you need to dig into macros some times, I’d advise you to bookmark https://github.com/mozilla/kumascript/tree/master/macros and if you’re into CSS data/specs @sebastianz is the expert here :wink:

I hope this helps :slight_smile:
Respectfully,
Julien

1 Like
#3

Awesome! Thanks Julien :slight_smile:
I saw the propertiesUrl variable, but couldn’t find properties.json, must have been looking in the wrong place :face_with_raised_eyebrow:

1 Like