CSS Crush for WordPress

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 [email protected].

1. Upload css-crush-for-wordpress to the /wp-content/plugins/ directory
2. Activate CSS Crush for WordPress through the ‘Plugins’ menu in WordPress
3. Configure the plugin by going to the CSS Crush settings that appears under the Settings menu.

Are you the author of CSS Crush?

NO. We just ported it to WordPress. For more info on the CSS Crush itself, visit it’s website: http://the-echoplex.net/csscrush/.

What new variables can I use in the CSS stylesheet?

Have a look at the tour section: http://the-echoplex.net/csscrush/.

Where are the cached files stored?

CSS Crush generates a new (cached) stylesheet in the same path as the original. The new files will look like yourstylesheet.crush.css

I would like to contribute to CSS Crush

You can fork the original CSS Crush code on Github and submit patches: https://github.com/peteboere/css-crush

1. 

   Settings page

0.3

• added bug fix for incorrect stylesheet url

0.2

• Updated CSS Crush Core to v1.6.1

0.1

• Initial release.