You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Make sure I'm reporting something precise that needs to be fixed
Give my issue a descriptive and concise title
Create a minimal working example on JsFiddle or Codepen
(or gave a link to a demo on the Selectize docs)
Indicate precise steps to reproduce in numbers and the result,
like below
First, I cannot find any documentation how to correctly include selectize into my project (with exception of brief example on https://selectize.dev/docs.html but that does not mention scss).
I am trying to include selectize into my scss file with:
Error in plugin "sass"
Message:
node_modules/@selectize/selectize/dist/scss/selectize.scss
Error: File to import not found or unreadable: ../plugins/drag_drop/plugin.scss.
on line 93 of node_modules/@selectize/selectize/dist/scss/selectize.scss
from line 60 of node_modules/@selectize/selectize/dist/scss/selectize.bootstrap4.scss
from line 5 of src/scss/selectize.scss
from line 86 of src/scss/sbc-gui.scss
>> @import "../plugins/drag_drop/plugin.scss";
The dist/scss/selectize.scss file contain wrong paths for importing plugins. If I either fix those:
Error in plugin "sass"
Message:
node_modules/@selectize/selectize/src/scss/selectize.scss
Error: Invalid CSS after "...top: round(math": expected expression (e.g. 1px, bold), was ".div(-1 * $select-a"
on line 355 of node_modules/@selectize/selectize/src/scss/selectize.scss
from line 60 of node_modules/@selectize/selectize/src/scss/selectize.bootstrap4.scss
from line 6 of src/scss/selectize.scss
from line 86 of src/scss/sbc-gui.scss
>> margin-top: round(math.div(-1 * $select-arrow-size, 2));
--------------------------^
What am I doing wrong? Do I have to use different sass compiler? Mine is node-sass. Or do I have to set some variables in my scss before importing selectize?
The text was updated successfully, but these errors were encountered:
I am trying to migrate my project to sass node module instead of node-sass. With this compiler it seems I am able to import: node_modules/@selectize/selectize/src/scss/selectize.bootstrap4.scss but that one from dist directory still does not work: node_modules/@selectize/selectize/dist/scss/selectize.bootstrap4.scss
The error is related to the wrong plugin path I mentioned above:
this is a bug; good catch. I will get a fix started.
The problem is that in the dist build the plugins directory is folded into the same path level as scss instead of being on dir higher like it is in the src directory.
We do the sass module, I can also add that to the docs
I did:
(or gave a link to a demo on the Selectize docs)
like below
First, I cannot find any documentation how to correctly include selectize into my project (with exception of brief example on https://selectize.dev/docs.html but that does not mention scss).
I am trying to include selectize into my scss file with:
But the compilation ends with this error:
The
dist/scss/selectize.scss
file contain wrong paths for importing plugins. If I either fix those:to
or if I use scss file form
src
folder instead ofdist
:I got another error:
What am I doing wrong? Do I have to use different sass compiler? Mine is
node-sass
. Or do I have to set some variables in my scss before importing selectize?The text was updated successfully, but these errors were encountered: