This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

CSS Crush for WordPress

Description

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.

Screenshots

  • Settings page

FAQ

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

Changelog

0.3

  • added bug fix for incorrect stylesheet url

0.2

  • Updated CSS Crush Core to v1.6.1

0.1

  • Initial release.

Contributors & Developers

This is open source software. The following people have contributed to this plugin.

Contributors

Browse the code