Import bootstrap SCSS functions before variables in order to benefit from scss functions
malparty opened this issue · comments
Why
Currently, we set variables like 2rem; // 32px
. Because the variables are imported before the @import 'bootstrap/scss/functions';
. According to bootstrap documentation, we can import the variable overrides after it and use these functions :)
- https://getbootstrap.com/docs/5.2/migration/
- SASS doc from bootstrap https://getbootstrap.com/docs/5.3/customize/sass/#importing
- Suggestion by Olivier: #390 (comment)
Who Benefits?
Developers when codding the scss variables.
not sure this PR could solve this issue
@andyduong1920 Yes, it does 🥳 Thanks!! :)