search

sagalbot / vue-select

Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.
https://vue-select.org
MIT License
4.62k stars 1.33k forks source link

fix: invalid CSS - selectors attempting to be nested #1689

Closed cpotey closed 1 year ago

cpotey commented 1 year ago

Some styles are nested inside selectors (but the files are CSS, not SCSS), so the CSS doesn't load correctly. I've separated the nesting out into their own selectors, so the CSS would run.

Example with .vs--single

vs--single
netlify[bot] commented 1 year ago

Deploy request for vueselect pending review.

Visit the deploys page to approve it

Name Link
Latest commit 768024441a01c3d73231e457f10ff3da3686b419
sagalbot commented 1 year ago

The styles are built with postcss, and postcss-nested is included in the build. If you import import 'vue-select/dist/vue-select.css';, you shouldn't have any issue. I'm not sure there's a use case for importing the src css files themselves since the dist contains CSS properties that you can set to override styles. Is there a specific reason you're including the src files?