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 does not output anything #292

Closed allyraza closed 9 years ago

allyraza commented 9 years ago

Hi everyone

I have been puzzling with this for sometime now

        button
            column(1.6)
            display: block;
            border: 0;
            height: 38px;
            font-weight bold
            font-size 18px
            >> background: linear-gradient(top,  #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%)
            cursor: pointer
            margin 0

this is what it outputs

#hero #search-box .buttons button {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  border: 0;
  height: 38px;
  font-weight: bold;
  font-size: 18px;
  #hero #search-box .buttons button td,
  #hero #search-box .buttons button th {

it does not output a closing brace and causes a problem I updated nib,stylus, but still the same.

thank you

notslang commented 9 years ago

I tested this with the following code:

@import 'nib'

button
  column(1.6)
  display: block;
  border: 0;
  height: 38px;
  font-weight bold
  font-size 18px
  background: linear-gradient(top,  #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%)
  cursor: pointer
  margin 0

and it output:

button {
  display: block;
  border: 0;
  height: 38px;
  font-weight: bold;
  font-size: 18px;
  background: -webkit-linear-gradient(top, #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%);
  background: -moz-linear-gradient(top, #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%);
  background: -o-linear-gradient(top, #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%);
  background: -ms-linear-gradient(top, #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%);
  background: linear-gradient(to bottom, #fff410 0%, #fff300 50%, #eee300 51%, #c3b900 100%);
  cursor: pointer;
  margin: 0;
}

So I cannot reproduce this issue. If you can make a standalone test, or give me the link to whatever project you are seeing this in, reopen and I'll take a look at it. But otherwise I'm going to close this.