gruntjs/grunt-contrib-stylus

unexpected ","

marcucio opened this issue · 6 comments

marcucio commented

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 commented

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

marcucio commented

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 commented

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 commented

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

marcucio commented

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.