WordPress › CSS Crush for WordPress

Integrates an extensible CSS preprocessor for WordPress: upload, activate, and you're done. No further configuration needed.

Download Version 0.3

CSS allows you to do lots of things, but some features are missing to developers. What about variables, constants, and general faster syntax? Normal CSS can not do that, that is why you have preprocessors, like CSS Crush.

CSS Crush for WordPress allows the use of variables in CSS files.

This plugin will automaticly process all your theme's stylesheets for you! No configuration needed. However, you can customize it from the Settings page.

By default your stylesheet will be minified, cached and have it's vendor prefixes automatically generated.

examples of generated prefixes

/* Before */
div { background: red linear-gradient( left, red, white ); }

/* After */
div {
  background: red -webkit-linear-gradient( left, red, white );
  background: red -moz-linear-gradient( left, red, white );
  background: red -o-linear-gradient( left, red, white );
  background: red linear-gradient( left, red, white );
}

example with the use of variables

/* Defining variables */
@define {
    brand-blue: #C1D9F5;    
    helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;    
}

ul, p {
    font-family: $( helvetica );
    color: $( brand-blue );
}

More Features