Feature/bs5 development -> src/sass/assets/bootstrap5/_functions.scss
braindunk opened this issue · 5 comments
An error which is referenced elsewhere online as related to older releases of BS 5 is occurring on every attempt to install Understrap Child with BS 5 enabled.
Sass Compiling Error
custom-editor-style.scss
"$color1: null is not a color.: assets/bootstrap5/mixins/_table-variants.scss on line 5, at column 5
Call Stack:
#0 mixin table-variant assets/bootstrap5/_tables.scss on line 134
#1 import assets/bootstrap5/_tables.scss custom-editor-style.scss on line 12"
child-theme.scss
"$color1: null is not a color.: assets/bootstrap5/mixins/_table-variants.scss on line 5, at column 5
Call Stack:
#0 mixin table-variant assets/bootstrap5/_tables.scss on line 134
#1 import assets/bootstrap5/_tables.scss assets/bootstrap5/bootstrap.scss on line 22
#2 import assets/bootstrap5/bootstrap.scss child-theme.scss on line 2
#3 mixin table-variant assets/bootstrap5/_tables.scss on line 134
#4 import assets/bootstrap5/_tables.scss custom-editor-style.scss on line 12"
We don't use the variable $color1
, so I'm wondering if there was an error with a find-and-replace or something else?
I was able to work around this issue by modifying color-contrast() in _functions.scss. contrast-ratio() seems to only ever return negative values, so max-ratio-color is left as null since the min/max ratio conditions are never satisfied. The "color1" error is coming from the SASS mix function in a subsequent call.
I tried changing $max-ratio-color from null to $color-contrast-light. I also tried multiplying the output of contrast-ratio() by -1. Either seem to avoid the stack dump.
I would also check what version of Bootstrap 5 is being loaded in your package.json. If it's not the latest (5.1.3 at time of writing) you could upload it again, re-run the copy-assets
command and try compiling again?
I'm having the same issue. Previously been deploying 1.0.1 with Bootstrap 4 and just started out on 1.1.0 on a brand new WP install.
I'm having the same issue. Previously been deploying 1.0.1 with Bootstrap 4 and just started out on 1.1.0 on a brand new WP install.
Quick update, after updating SCSSPHP 1.5 to 1.10 I don't have this issue anymore. I use the WPSCSS plugin and had to manually remove the old SCSSPHP folder and replace with the new one.