Specifying multiple parameters in nested elements

[snowe2010]

I'm trying specify multiple font families, but I'm getting errors.

  font: {
    family: 'Raleway', Arial, sans-serif
    weight: 500
  }

results in

compiling... [Error: ParseError: C:\Users\Tyler\Dropbox\Tyler\personal\projects\roots\starboardservices_rewrite\assets\css\header.css.styl:37:31
   33|
   34| .links
   35|   background: #fff
   36|   font: {
   37|     family: 'Raleway', Arial, sans-serif
-------------------------------------^
   38|     weight: 500
   39|   }
   40|   text: {

expected ":", got ","
]

Potentially unhandled rejection [36] ParseError: C:\Users\Tyler\Dropbox\Tyler\personal\projects\roots\starboardservices_rewrite\assets\css\header.css.styl:37:31
   33|
   34| .links
   35|   background: #fff
   36|   font: {
   37|     family: 'Raleway', Arial, sans-serif
-------------------------------------^
   38|     weight: 500
   39|   }
   40|   text: {

expected ":", got ","

Any clue what I'm doing wrong?

Also, I'm using stylus with postcss processors like Lost and nested props.

[jednano]

Does it work if you un-nest them?

[snowe2010]

Yes.

[jednano]

Doesn't appear to be anything wrong w/ your syntax. Do you think you could create a failing test in the form of a PR?

[snowe2010]

I will try!

[jednano]

@snowe2010, are you still having this issue? The following test works just fine for me:

it('parses multiple parameters in nested elements', () => {
    check(
        `a{font:{family:'Raleway', Arial, sans-serif;\nweight:500}}`,
        `a{font-family:'Raleway', Arial, sans-serif;font-weight:500}`
    );
});

Can you try to update the PostCSS parser and see if that fixes it? Try version 5.1.2.

Note: I do get errors if I don't put the semi-colon in there, which is why I'm a bit suspicious that the PostCSS parser might be actually having an issue.

[snowe2010]

I haven't worked on this project in a while, but as soon as I get back to it (which should be soon) I'll test it out again.

[jednano]

This issue is stale. Closing until further notice.