quarto_internal_scss_error.scss

[produnis]

Description

Hi there,
I get these _quarto_internal_scss_error.scss files on quarto v1.7.6 along with this warning when rendering slides with my own scss-file:

Error adding css vars block Error: Expecting punctuation: "}" (4259:53)
    at InputStream.err (file:///opt/quarto/bin/quarto.js:48847:15)
    at Object.err (file:///opt/quarto/bin/quarto.js:48866:23)
    at TokenStream.err (file:///opt/quarto/bin/quarto.js:48936:27)
    at Object.err (file:///opt/quarto/bin/quarto.js:49103:22)
    at Parser.skip_type (file:///opt/quarto/bin/quarto.js:49161:25)
    at Parser.skip_punctuation (file:///opt/quarto/bin/quarto.js:49165:21)
    at Parser.parse_block (file:///opt/quarto/bin/quarto.js:49352:31)
    at Parser.parse_rule (file:///opt/quarto/bin/quarto.js:49427:28)
    at Parser.parse_node (file:///opt/quarto/bin/quarto.js:49247:59)
    at Parser.parse_stylesheet (file:///opt/quarto/bin/quarto.js:49179:31)
The resulting CSS file will not have SCSS color variables exported as CSS.
This is likely a Quarto bug.
Please consider reporting it at https://github.com/quarto-dev/quarto-cli,
along with the _quarto_internal_scss_error.scss file that can be found in the current working directory.

I cannot see to have any unclosed delimiters or such in my HSNR.scss.... hmmm.. maybe I am just blind... ;)

I uploaded my files to https://github.com/produnis/minimal_examples/tree/quarto_internal_scss_error

[cscheid]

Thanks for the report! This is an overactive message we added because we're using an SCSS parser that
isn't quite robust enough. In this case, that parser doesn't like the two repeated semi-colons you have in the .author rule, on line 30.

[produnis]

yeah, thx a lot for thaT!!!! I would never have found this!!!!!
works now, thx again!!

[cscheid]

To be clear - this really is a Quarto bug, because it's a bug on that parser. Your code would have still worked fine, but that specific 1.6 feature doesn't get applied in that case (and the message is annoying). We'll try to fix this before 1.7 is out.

For what's worth, I also have found that formatting the SCSS file with prettier tends to resolve these issues.

[xx02al]

Hi quarto devs
As far as I understand, the parser also does not like the pattern module$.variable in a Sass file as using it triggers and error message and _quarto_internal_scss_error.scss. Nice or not, it's the pattern we have to use when we refer to a variable defined in a @used module. In case you want to read some docs in context, e.g.: https://sass-lang.com/documentation/at-rules/use/. Do you have a way to teach the parser this so that it does no longer create error messages of it?

You can reproduce it for example by creating a quarto website project, where

in the _quarto.yml you use

format:
  html:
    theme:
      - cosmo
      - styles.scss

where styles.scss is

/*-- scss:uses --*/
@use "library";

/*-- scss:defaults --*/
$blueish: #1c4e8a;

$body-color: library.$pinkish;
$body-bg: $blueish;

and add a _library.scss (in the project root), all it needs for this purpose is

$pinkish: #e83e8c;

Removing $body-color: library.$pinkish; does not throw an error.

[cscheid]

Tracking on #12338.