SASS Error - undefined (undefined:undefined) - [fixed in 5.1.0]

When I save my .SCSS file that I'm editing in BSS I get the following error:

SASS Error - undefined (undefined:undefined) Memory access out of bounds

it pops out in a red tooltip at the bottom right corner of my screen

The code I'm trying to save is sass code for styling the bootstrap navbar


.navbar {

$border: 2px;
  color: #FFF;
  background: #FFF;
  background-clip: padding-box;
  border-bottom: solid $border transparent;

    &:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin-bottom: -$border; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(108,99,255,1) 19%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%);

The error message shows when I use certain types of gradients. If I switch to a simpler gradient the code compiles and everything works fine.

For example replace the linear-gradient with this other one and the error goes away:

linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0.1) 51%, rgba(255,255,255,1) 100%);

Is this a limitation on sass or is BSS being buggy?

I'm using Bootstrap Studio 5.0.3 in an Ubuntu 20.04.

worth commenting that it happens with freshly created projects as well, with just a navbar and the code above.

Thank you for reporting this! It appears to be an issue with the built-in sass compiler. We will update it for upcoming release.

Happy to report that this problem should be fixed in Bootstrap Studio 5.1.0. You can upgrade to it right away.

thanks! :)