css.selectors.root - Problem in Dreamweaver Version 21.4

[wingcmder]

What type of issue is this?

Incorrect support data (example: BrowserX says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

Maybe there are some issues with Dreamweaver, outdated although I checked for latest updates.

What browsers does this problem apply to, if applicable?

Chromium (Chrome, Edge 79+, Opera, Samsung Internet)

What did you expect to see?

That this code based on the tutorial on Colorful Button exercise were working:
:root {
--font-family: 'Karla', sans-serif;
--body-bg: #1e1f35;
--btn-bg: #000;
--btn-color: #cbcbcb;
--btn-color-hover: #fff;
--grad-color1: #eeaf61;
--grad-color2: #fb9062;
--grad-color3: #ee5d6c;
--grad-color4: #ce4993;
--grad-color5: #6a0d83;
}

Did you test this? If so, how?

Yes, I wrote it into my CSS file, and got an error message from Dreamweaver saying: "Expected RBRACE at line 8, col 2."

If I remove a line and edit it to this:
:root {
-font-family: 'Karla', sans-serif;

etc.
}

it works? I have not found references or any posts on this.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

Link to the course on CSS: https://www.youtube.com/watch?v=TzuWIHGFKCQ

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/:root

MDN metadata

MDN page report details

• Query: css.selectors.root
• Report started: 2024-07-23T18:52:26.524Z

[github-actions]

This issue was automatically closed because the title was left as the default, and a summary was not added.

If this is not a spam issue, please replace the <SUMMARIZE THE PROBLEM> part of the title with a short summary of the reported issue, and then post a follow-up comment. A maintainer will review your issue and reopen it if needed.

[queengooborg]

This is definitely a bug in Dreamweaver, it seems it assumes the CSS is invalid when it's actually valid. I would reach out to Adobe support about the issue.