unexpected ","

[marcucio]

not sure why I am getting this error, any help would be appreciated:

Running "stylus:release" (stylus) task
>> ParseError: ../../node_server/client/stylus/views/task_view.styl:214
>>    210|  -webkit-overflow-scrolling: touch;
>>    211|  background:
>>    212|      linear-gradient(white 30%, rgba(255,255,255,0)),
>>    213|      linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, 
>>  > 214|      radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
>>    215|      radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
>>    216|  background:
>>    217|      linear-gradient(white 30%, rgba(255,255,255,0)),
>> 
>> unexpected ","
Warning: Stylus failed to compile. Use --force to continue.

[vladikoff]

Try compiling with Stylus itself and not through the task. Let us know if the problem persists.

[marcucio]

not sure why it is closed, if I try to compile through the website it dosent work either. Just paste this into this page http://learnboost.github.io/stylus/try.html:

.task_view_task_list {
    background:
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

    background:
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,     
        radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
}

[marcucio]

I played around with it some more and if I copy/paste from this page in github into the browser page it works. I might have a bad (invisible) character somewhere. I copy/paste this back in to my project and it works again.

false alarm

[marcucio]

ok last comment, not sure if you want to look into this issue or not but I found a workaround.

This works for me:

    background: linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

    background: linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

but this doesn't (notice the line break after background:):

    background:
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

    background:
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;

strange...

[vladikoff]

hey @marcucio

See repository: https://github.com/vladikoff/gc-stylus-issues-112

[marcucio]

Your project works here too… strange, maybe there is something in another one of my files that makes this choke. If I happen to track down the cause I will let you know.

Thanks

Mike Marcucio marcucio.com mike@marcucio.com

blog | twitter | facebook | google+

On Aug 19, 2014, at 8:50 PM, Vlad Filippov notifications@github.com wrote:

hey @marcucio

See repository: https://github.com/vladikoff/gc-stylus-issues-112

— Reply to this email directly or view it on GitHub.