PostCSS Singlish Stylesheets

PostCSS plugin for writing Singlish Stylesheets.

Singlish syntax

.foo {
    border-color: water-wally;
    background-color: durian;
    box-sizing: mah;
    color: kopi !pai-seh;
    display: cannot-lah;
    transition: all 1s kallang-wave;
    visibility: fly-kite;
}

CSS output

.foo {
    border-color: #47C5F1;
    background-color: #FAC011;
    box-sizing: border-box;
    color: #91754D !important;
    display: none;
    transition: all 1s cubic-bezier(0, 1, 0, 1);
    visibility: hidden;
}

Usage

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

See PostCSS docs for examples for your environment.

Thanks to

Most of the code is from Australian Stylesheets by David Lewis