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
code:
.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.