Bootstrap 3.2.0 with vendor prefixes mixins breaking. about bootstrap-stylus HOT 4 CLOSED

As an example of the fix I applied to the older version previously: #47

from bootstrap-stylus.

@kane-c My schedule does not allow me to act fast on this repo, care to tackle this one?

from bootstrap-stylus.

Bootstrap 4 will remove the vendor prefixes entirely in favour of Autoprefixer.

@hworld Could you do something like this as a workaround?
transform: s('scale(1)')

Not ideal of course, but an OK interim solution.

Do you think we should remove all the vendor prefixes from Bootstrap and use Autoprefixer instead?

from bootstrap-stylus.

@kane-c From what I know that's how the previous version of bootstrap-stylus was (most vendor prefixed mixins were removed).

The reason being that Stylus is very different than both less and sass (the official languages for bootstrap) regarding mixins.

Less mixins are dotted: https://github.com/twbs/bootstrap/blob/master/less/mixins/vendor-prefixes.less
Sass mixins are @mixined and then @included: https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss and http://sass-lang.com/guide#topic-6

Stylus is completely transparent, though. Meaning that if someone overrides the default scale function of CSS (something you can't do in less and sass), then the whole project is screwed up.

Based on those reasons, I think it's important to pull them out, mainly because a port of bootstrap to bootstrap-stylus needs to work well as a stylus port, and it currently doesn't.

from bootstrap-stylus.