PostCSS Australian Stylesheets

PostCSS plugin for writing Australian Stylesheets.

Australian syntax

.foo {
    border-colour: vb-green;
    background-colour: vegemite;
    box-sizing: fair-dinkum;
    colour: true-blue !bloody-oath;
    display: yeah-nah;
    text-align: centre;
    text-indent: woop-woop;
    visibility: rack-off;
}

CSS output

.foo {
    border-color: #2D8249;
    background-color: #461B00;
    box-sizing: border-box;
    color: #0581C1 !important;
    display: none;
    text-align: center;
    text-indent: -9999px;
    visibility: hidden;
}

Usage

postcss([ require('postcss-australian-stylesheets') ])

See PostCSS docs for examples for your environment.

gulp

Use gulp-australian-stylesheets

grunt

Use grunt-australian-stylesheets

Thanks to

Inspiration from Canadian Stylesheets and chats with @darylljann