Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support for SLDS styling hooks #126

Open
nathanlb opened this issue Sep 8, 2021 · 1 comment
Open

Support for SLDS styling hooks #126

nathanlb opened this issue Sep 8, 2021 · 1 comment

Comments

@nathanlb
Copy link

nathanlb commented Sep 8, 2021

Describe the bug
The use of styling hooks , particularly when defining them, does not appear to be supported by the lwc-dev-server. Using them in a component's css will crash the component's initialization. The SLDS team has suggested that it would be due to the dev server using an older version of the SLDS.
We've adopted the lwc-dev-server in our development and love it so much that we have a hard time giving it up. As a result, we're having to find roundabout ways to solve problems that can easily be solved with the styling hooks since they are not supported.

To Reproduce
Steps to reproduce the behavior:

  1. Set value on styling hooks in a component's css file
  2. Attempt to preview it in the lwc-dev-server

Expected behavior
The use of styling hooks to be supported by lwc-dev-server.

Screenshots
**/lwc/component/component.css

:host {
    --sds-c-card-sizing-border: 1px;
}

131178855-8ecad10c-e62b-4d81-9127-e5415cd6dc20

Desktop (please complete the following information):

Issue not specific to this setup.

  • OS: MacOS
  • Browser Chrome
  • Version 93.0.4577.63 (Official Build) (x86_64)
@stale
Copy link

stale bot commented Sep 16, 2021

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

@stale stale bot added the type:bug-p3 label Sep 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant