PostCSS Egyptian Stylesheets

PostCSS plugin for writing Egyptian Stylesheets.

Installation

yarn add --dev postcss-egyptian-stylesheets

Egyptian syntax

.foo {
    border-loon: vb-green;
    background-loon: vegemite;
    box-sizing: fair-dinkum;
    loon: samawy !mohem;
    display: mfysh;
    text-align: felnos;
    text-indent: wara-elshams;
    visibility: mest5abby;
    ymyn: 0;
    padding-shemal: 5px;
    border-t7t: 5px;
    margin-fo2: 5px;
}

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;
    right: 0;
    padding-left: 5px;
    border-bottom: 5px;
    margin-top: 5px;
}

Usage

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

Thanks to

Inspiration from Canadian Stylesheets