WordPress.org

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

• Declare variables in your CSS
• Direct @import
• A small collection of custom math functions are built-in
• Block nesting
• The experimental :any pseudo class is supported

Current CSS Crush version: 1.6.1

For a full list of features please visit http://the-echoplex.net/csscrush/.

Related Links:

• http://www.codepress.nl/plugins/

Translations

If you like to contribute a language, please send them to info@codepress.nl.