stylus / nib

Stylus mixins, utilities, components, and gradient image generation
http://stylus.github.io/nib
MIT License
1.91k stars 249 forks source link

linear-gradient acting weird #295

Closed ghost closed 9 years ago

ghost commented 9 years ago

Hi. I'm using Prepros to compile my stylus files, including nib and everything works fine except the linear gradient:

body
    background    linear-gradient(top, white, black)

outputs:

body {
  -webkit-background: linear-gradient(top, #fff, #000);
  -moz-background: linear-gradient(top, #fff, #000);
  -ms-background: linear-gradient(top, #fff, #000);
  -o-background: linear-gradient(top, #fff, #000);
  background: linear-gradient(top, #fff, #000);
}

Any suggestions? Thanks..

notslang commented 9 years ago

I get this as my output (using nib 1.0.4 and stylus 0.49.3):

body {
  background: -webkit-linear-gradient(top, #fff, #000);
  background: -moz-linear-gradient(top, #fff, #000);
  background: -o-linear-gradient(top, #fff, #000);
  background: -ms-linear-gradient(top, #fff, #000);
  background: linear-gradient(to bottom, #fff, #000);
}

...so this isn't a problem with nib. It's probably some issue in Prepros, but that's a piece of proprietary software so I can't fix that :(

You could try using roots or gulp or grunt to compile. Those are all free, open-source, and definitely work with nib.