xCSS : Object Oriented CSS Framework

xCSS is another CSS Framework that helps us not to DRY (Don’t Repeat Yourself) when creating stylesheet, it means we can use variable, re-use existing style cascades, math operations, nested child objects, etc. To include xCSS in our project we must’ve PHP-enabled, you can go to read installation information here.

xCSS licensed under MIT License, you can grab the source code here and here is how the xCSS will work :

xCSS

.selector {
    self {
        margin: 20px;
    }
    a {
        display: block;
    }
    strong {
        color: blue;
    }
}

CSS

.selector {
    margin: 20px;
}
.selector a {
    display: block;
}
.selector strong {
    color: blue;
}