TurbineCSS

Turbine

Turbine is a collection of PHP-powered tools that are designed to decrease css development time and web developer headache. This includes:

A new, minimal syntax – the less you have have to type, the more you get done
Packing, gzipping and automatic minification of multiple style files
Constants (also known as "css variables") and selector aliases as well as nested css selectors
Oop-like inheritance, extension and templating features
Built-in device-, browser- and OS-sniffing
Many automatic bugfixes and enhancements for older browsers
Fully exensible through a very simple plugin system. A basic understanding of PHP is enough to add completely new features to Turbine
A CSS to Turbine converter and a shell app for experiments and development

Example

Turbine takes code like this …

// Welcome to Turbine!
@media screen
#foo, #bar
    color:#FF0000
    margin-left, margin-right: 4px
    div.alpha, div.beta
        font-weight:bold
        border-radius:4px

…and turns it into:

@media screen {
    #foo, #bar {
        color: #FF0000;
        margin-left: 4px;
        margin-right: 4px;
    }
    #foo div.alpha, #foo div.beta, #bar div.alpha, #bar div.beta {
        font-weight: bold;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }
}

It is somewhat comparable to Sass and the old LessCSS (not the JS-based one, the ruby-gem based), but more radically geared towards getting as much done as possible in as few keystrokes as possible.

We need your help!

Turbine is a stable software, but you can help us making it even better!

Download Turbine, test it and report any bugs you find
Fork it and tackle some open issues
Add some more browser test cases