'Some Bootstrap 5 colors are not working compled with Laravel Mix

I am integrating Bootstrap 5 into my Laravel project. I installed Bootstrap with NPM and complied with Laravel Mix, and it's working. However, some extra colors like "bg-indigo" and "bg-teal" are not working. I have already included bootstrap in my SCSS file.

resources/sass/app.scss

// Bootstrap
@import '~bootstrap/scss/bootstrap';

webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css');

I see all color variables in bootstrap node modules. But when compiled, they are not included in the output CSS file. Is there anything I need to do?

laravelwebpackbootstrap-5laravel-mix


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions