ff0000/generator-red-django — pull request #15 by timrwood (2014-02-07 18:10:19+00:00)
Title: Autoprefixer

This is a mirror of https://github.com/ff0000/generator-red-static/pull/4

Unless there are any objections, I will merge this today.

> This adds [autoprefixer](https://github.com/ai/autoprefixer) support.

> Rather than using compass mixins for css3 prefixing, you can now just use the properties without prefixes and they will be added for you during the build process.

> Before

```scss
@include keyframes(my-cool-animation) {
from {
@include transform(translate3d(0, 0, 0));
}
to {
@include transform(translate3d(20px, 0, 0));
}
}
.my-cool-element {
@include animation-name(my-cool-animation);
@include animation-fill-mode(both);
@include animation-timing-function(steps(11));
@include animation-duration(200ms);
@include opacity(1);
@include transition(opacity 0ms);
}
```

> After

```css
@keyframes my-cool-animation {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(20px, 0, 0);
}
}

.my-cool-element {
animation-name: my-cool-animation;
animation-fill-mode: both;
animation-timing-function: steps(11);
animation-duration: 200ms;
opacity: 1;
transition: opacity 0ms;
}
```