Sass mixins which makes it easy to use css3 in Sass or SCSS powered projects
Latest commit c73bae7 May 23, 2013 Anders Ytterström Merge pull request #21 from mittmedia/master
Error when compiling


SASS mixins for CSS3 (vendorprefixes / filters)


Similar to CSS3 Please!, this repo will try to make it easier to use css3 in our daily projects. CSS3 Please works fine if you are using vanilla CSS, but for those of us who are using SASS (or SCSS) it is not enough. With the power of mixins and variables in our hands, it would be silly to dishonor our addiction to the DRY principle.

This util is for minimalistics only. A way more feature-rich and qualified way of dealing with CSS3 is to use Compass.

Usage & examples

Clone the git repo in your SASS/SCSS project. Use @import to make it available in your files.

git clone

// scss:
@import 'css3-sass-mixins/all';

See the live demo for examples.

IE Filters are optional

Where possible, the mixins contains a filter for making IE behave. However, it is not couraged to use Filters due to performance issues. The mixins are therefore configured to skip filters by default. This is done by the $useIEFilters variable in the top section of the files.

To use or skip using IE-filters without affecting the global configuration, passing an extra argument to your mixin with the value 0 or 1 will override $useIEFilters.

// use linear gradient in IE too!
@include linear-gradient(#333, #555, 0);
+linear-gradient(#333, #555, 0)


The code is free to use under the terms of the MIT license.


VoQn (enchanged linear-gradient support), PhilT (border-radius improvements), daz (Sprockets compability) justmarkup (scale, IE10 prefixes, cleanup)