Bootstrap5 alpha3: scale-color function conflicts with built in sass scale-color
Created by: russellrazor
Operating system and version (Windows, macOS, Android, iOS)
macOS 10.15.7 and docker node:lts
Browser and version (Chrome, Firefox, Safari, Microsoft Edge, Opera, Android Browser) N/A
Bootstrap Version Bootstrap 5 alpha3
Issue
scale-color
function conflicts with built in sass scale-color
https://sass-lang.com/documentation/modules/color#scale
The scale-color signature for the built in method is:
scale-color($color,
$red: null, $green: null, $blue: null,
$saturation: null, $lightness: null,
$whiteness: null, $blackness: null,
$alpha: null
)
Bootstrap5 alpha3 signature is:
scale-color($color, $weight)
These are incompatible and break scss builds.
Error logs:
#15 100.6 SassError: Missing argument $weight.03:03
#15 100.6 ┌──> src/styles/mixins/_colours.scss03:03
#15 100.6 2 │ $col-light: scale-color($colour, $lightness: +15%);03:03
#15 100.6 │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation03:03
#15 100.6 ╵03:03
#15 100.6 ┌──> node_modules/bootstrap/scss/_functions.scss03:03
#15 100.6 166 │ @function scale-color($color, $weight) {03:03
#15 100.6 │ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ declaration03:03
#15 100.6 ╵03:03
#15 100.6 src/styles/mixins/_colours.scss 2:14 scale-color()
Relates to: #31538 (closed)