Styling Hook Issue

This issue has been tracked since 2020-11-17.

Describe the bug
Icon styling hook not working in the dev server, but works in the scratch org.

To Reproduce
Steps to reproduce the behavior:

  1. Use the example in the official documentation: https://developer.salesforce.com/docs/component-library/bundle/lightning-icon/documentation
  2. Error results: LWRPLUGIN_ERROR: CssSyntaxError: LWC1009: postcss-plugin-lwc: /force-app/main/default/lwc/.css:2:3: Invalid definition of custom property "--sds-c-icon-color-foreground-default".

Expected behavior
The color of the icon changes.

Desktop (please complete the following information):

  • OS: Mac OS 11, Chrome (Latest)

Additional context
Pushing the LWC to the scratch org results in proper stylying.

stale[bot] wrote this answer on 2020-11-24

This issue has been automatically marked as type:bug-p3 because it has not had recent activity.

git2gus[bot] wrote this answer on 2020-11-24

This issue has been linked to a new work item: W-8496906

lukethacoder wrote this answer on 2021-01-02

Most likely related to #76 - being a CSS Variables bug attempting to use --sds-c-icon-color-foreground-default

stale[bot] wrote this answer on 2021-01-09

This issue has been automatically marked as type:bug-p3 because it has not had recent activity.

More Details About Repo
Owner Name forcedotcom
Repo Name lwc-dev-server-feedback
Full Name forcedotcom/lwc-dev-server-feedback
Language
Created Date 2019-09-23
Updated Date 2021-10-19
Star Count 39
Watcher Count 23
Fork Count 7
Issue Count 77

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date