Hi, I am in the process of switching from SASS to vanilla CSS, now that all kinds of things I used to need the former for (like nesting, variables, relative colors) are available.
But then I got that message, which is absolutely opaque, since the line number it is refering to is wrong, the stylesheet there having nothing special. As indicated, it is still a .scss since a few things I copied from elsewhere, I don’t know for sure SASS or vanilla.
Error: error building site: TOCSS-DART: failed to transform “css/main.scss” (text/x-scss): “/home/drm/WEBSITE/assets/css/main.scss:391:21”: Only 3 elements allowed, but 5 were passed.
But the syntax is correct, look. Could it just be a DART problem ?
// exemple from https://developer.chrome.com/blog/css-relative-color-syntax/
background: rgb(from lime r g b / 25%);
// me
background: rgb(from var(--frame-color) r g b / 50%);
Might it just be a DART problem ? In any case, I find it weird that it’s failing the compilation entirely, instead of discarding the line and call it a day.
I usually don’t care about either browsers… But I’ll use a support at rule:
@supports not (color: rgb(from white r g b)) {
/* fallback */
}
Ok, I jumped into the unknown… just get rid of DART and work from there. Now it seems to look identical. I swear a lot more than variables had to change, and I’m convinced nesting doesn’t work exactly identically. Well I read that much, but couldn’t understand/remember the details.
but that’s what css interpreters do. Although I agree that it’s terrible practice… I prefer a overly zealous Ada compiler to one that forgives gross semantic errors, leading to Ariane V exploding