vcss

VCSS is an attempt to make CSS a bit better.

Basics

vcss is basically a frontend for the CSS language, written in the V language. It allows you to programatically control the output, using a real programming language, unlike SCSS or LESS, languages designed for the sole purpose of CSS. V is a fast maturing language, and has plenty of great features. It is also very modern, intergrating modern ideas into your code.

• A simple example:
• run this

v install werdl.vcss

• in.vcss

import vcss { style, Style }

fn main() {
    [
        style("height", "30px"),
        style("width", "40px")
    ].push("div#big")
    [
        style("height", "3px"),
        style("width", "4px")
    ].push("div#small")

    global.write()
}

• make compile
• ./vcss in.vcss out.css
• out.css

div#big {
    height: 30.0px;
    width: 40.0px;
}
div#small {
    height: 3.0px;
    width: 4.0px;
}

Spec

vcss /path/to/input /path/to/output

.vcss

• Contains valid V syntax, without the main function. Everything in it will be wrapped into a main function.