stylus / nib

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

transform with rotate creates unexpected output #222

Closed corbanbrook closed 10 years ago

corbanbrook commented 10 years ago
  transform:rotate(5deg);

output

-webkit-transform:transform:rotate(5deg);;
-moz-transform:transform:rotate(5deg);;
-o-transform:transform:rotate(5deg);;
-ms-transform:transform:rotate(5deg);;
transform:transform:rotate(5deg)

Note this only seems to happen with rotate have not noticed with any other params, for instance tranform: translateX(20px) produces the desired results.

corbanbrook commented 10 years ago

My bad looks like this is a problem with bootstrap-stylus/stylus/mixins.styl overrideing rotate

  139: rotate(degrees) {
  140:   -webkit-transform: s("rotate(%s)", degrees);
  141:       -ms-transform: s("rotate(%s)", degrees); // IE9+
  142:           transform: s("rotate(%s)", degrees);
  143  }
corbanbrook commented 10 years ago

Here is the relevant ticket on bootstrap-stylus https://github.com/Acquisio/bootstrap-stylus/issues/30

notslang commented 10 years ago

ok, since this isn't part of nib, imma close this