-
Notifications
You must be signed in to change notification settings - Fork 76
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
Styling #102
Comments
The included styles are intentionally opinionated, and are meant to be imported in your JS, like your last example. To override the styles yourself, you'd need to add a class to the component wherever you are applying the scoped styles. If you are using the default slot you can control the rendering of the entire component, and add your scoped classes to each of the child elements as well. If you're not using the slot, you can add a classname to the root component, and use deep selectors to style the child elements inside the autocomplete component. Additionally you can use the baseClass prop to change the class of the child elements in the component. |
I am using single files components (
<template><script><style>
) - I failed to override the styling.https://github.com/trevoreyre/autocomplete/tree/master/packages/autocomplete-vue#styling-and-customization
Scoped or not, the styles are not applied. However I do see that classes and ids are correctly placed on dom
Same behavior when importing the css in the style part:
The only way is to import the css in the script, like:
Can you debrief how to scope styling for the component and its functional template ?
The text was updated successfully, but these errors were encountered: