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

Sass compilation errors with Bootstrap 5.3.1 #2029

Closed
cpsievert opened this issue Aug 17, 2023 · 3 comments
Closed

Sass compilation errors with Bootstrap 5.3.1 #2029

cpsievert opened this issue Aug 17, 2023 · 3 comments

Comments

@cpsievert
Copy link
Contributor

cpsievert commented Aug 17, 2023

Bootstrap 5.3.1 moves more colors from Sass to CSS variables, which causes a couple compilation errors. Specifically,

$select-color-dropdown-border-top: mix(
$input-border-color,
$input-bg,
80%
) !default;

Doesn't work anymore since $input-bg's value now contains a CSS variable...

Error: argument `$color2` of `mix($color1, $color2, $weight: 50)` must be a color
        on line 26:36 of inst/www/shared/selectize/scss/selectize.bootstrap5.scss, in function `mix`
        from line 26:36 of inst/www/shared/selectize/scss/selectize.bootstrap5.scss
        from line 21:9 of stdin
>> $select-color-dropdown-border-top: mix(

For similar reasons, this code:

background: mix($select-color-dropdown, $select-color-border, 85%);

Results in

Error: argument `$color1` of `mix($color1, $color2, $weight: 50)` must be a color
        on line 7:17 of inst/www/shared/selectize/plugins/dropdown_header/plugin.scss, in function `mix`
        from line 7:17 of inst/www/shared/selectize/plugins/dropdown_header/plugin.scss
        from line 77:9 of inst/www/shared/selectize/scss/selectize.scss
        from line 53:9 of inst/www/shared/selectize/scss/selectize.bootstrap5.scss
        from line 21:9 of stdin
>>     background: mix($select-color-dropdown, $select-color-border, 85);
cpsievert added a commit to cpsievert/selectize.js that referenced this issue Aug 17, 2023
cpsievert added a commit to cpsievert/selectize.js that referenced this issue Aug 17, 2023
Copy link
Contributor

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 5 days

@cpsievert
Copy link
Contributor Author

Commenting to keep open

Copy link
Contributor

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 5 days

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale May 5, 2024
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