Bootstrap 5 Support
See original GitHub issueMy app is running with ngx-toastr
version 14.0.0
and Bootstrap 4.
I use toastr-bs4-alert.scss
and it works nicely.
If I try to update it to Bootstrap 5, I get:
./src/assets/scss/main.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: SassError: $color: theme-color-level("success", 6) is not a color.
╷
151 │ rgba($fill-color, 0.999999) + "' d='" + $path + "'/%3E%3C/svg%3E";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/ngx-toastr/toastr-bs4-alert.scss 151:5 svg-factory()
node_modules/ngx-toastr/toastr-bs4-alert.scss 159:5 @import
src/assets/scss/main.scss 13:9 root stylesheet
More info about my system:
Angular CLI: 12.0.1
Node: 14.15.0
Package Manager: npm 6.14.13
OS: darwin x64
Angular: 12.0.1
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1200.1
@angular-devkit/build-angular 12.0.1
@angular-devkit/core 12.0.1
@angular-devkit/schematics 12.0.1
@schematics/angular 12.0.1
rxjs 6.6.7
typescript 4.2.4
Issue Analytics
- State:
- Created 2 years ago
- Reactions:17
- Comments:29 (4 by maintainers)
Top Results From Across the Web
Browsers and devices · Bootstrap v5.0
Bootstrap supports the latest, stable releases of all major browsers and platforms. Alternative browsers which use the latest version of WebKit, Blink, or...
Read more >Browsers and devices · Bootstrap v4.5
Bootstrap supports the latest, stable releases of all major browsers and platforms. On Windows, we support Internet Explorer 10-11 / Microsoft Edge. Alternative ......
Read more >Introduction · Bootstrap v5.1
Get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
Read more >JavaScript · Bootstrap v5.0
Bootstrap does not officially support third-party JavaScript libraries like Prototype or jQuery UI. Despite .noConflict and namespaced events, there may be ...
Read more >Migrating to v5 - Bootstrap
Track and review changes to the Bootstrap source files, documentation, and components to help you migrate from v4 to v5.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
🎉 This issue has been resolved in version 16.0.0 🎉
The release is available on:
Your semantic-release bot 📦🚀
@mrsegen Thanks
You have to add a multiplication to the level
shift-color($success, 6 * $theme-color-interval)
I create a gist file for toastr-bs5-alert.scss