stylus / nib

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

"transition" breaks rendering #246

Closed alxdnlnko closed 10 years ago

alxdnlnko commented 10 years ago

transition and transition-property break stylus rendering.

"nib": "^1.0.2"

@import "nib"
.someclass
  transition all .3s ease-in-out

produces:

.someclass  .someclass td,
  .someclass th {
    padding: 0;
  }
  .someclass td,
  .someclass th {
    padding: 0;
  }
  .someclass td,
  .someclass th {
    padding: 0;
  }
  .someclass td,
  .someclass th {
    padding: 0;
  }
  .someclass td,
  .someclass th {
    padding: 0;
  }
 {
  -webkit-transition: ;
  -moz-transition: ;
  -o-transition: ;
  -ms-transition: ;
  transition: ;
}
notslang commented 10 years ago

I can't reproduce this with nib@1.0.2. I get this:

.someclass {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

There's prolly something else weird going on in your stylus. Closing for now, but feel free to post questions if you need help debugging or if I made a mistake in attempting to reproduce your error

alxdnlnko commented 10 years ago

I've found out the reason. A "stylus-normalize" package caused this problem.