apalfrey / select2-bootstrap-5-theme

A Select2 v4 theme for Bootstrap 5
https://apalfrey.github.io/select2-bootstrap-5-theme/
MIT License
212 stars 48 forks source link

Update _variables.scss #82

Open dariocarbone opened 1 year ago

dariocarbone commented 1 year ago

Quick fix for bootstrap 5.3.0

See: https://github.com/apalfrey/select2-bootstrap-5-theme/issues/75#issuecomment-1416307961

f1mishutka commented 1 year ago

Hi,

Replacing $s2bs5-border-color with raw red color is not so good solution.

Originally there is $s2bs5-border-color variable used. If you trace it to final definition you would have this chain of assignments: $s2bs5-border-color = $form-select-border-color = $input-border-color = $border-color

So correct solution would be to change line 28 of _variables.scss from:

$s2bs5-border-color:             var(--#{$prefix}form-select-border-color) !default;

to

$s2bs5-border-color:             $border-color !default;

This eliminates compilation bug and does not changes color value in variable.

f1mishutka commented 1 year ago

Fast solution before this PR is merged is to add this line before importing select2-bootstrap-5-theme:

$s2bs5-border-color: $border-color;
dariocarbone commented 1 year ago

Thanks, you're absolutely right: this is a better solution, promptly committed to master branch

mmarton commented 11 months ago

Any update on this?

Jir4 commented 9 months ago

Any news ?