Dynamically Awesome StyleSheets

DASS is a tool for creating web projects easily

Why DASS ?

Current web technology requires us to separate the CSS from the JS.

DASS was designed to create webapp and interactive dashboard. DASS wasn't made for all your projects.

Components:

All elements are bound to change.

Variables

$variable = "This is my var";

Comments:

// My comment

Conditions:

if my_condition :
    ...

elif my_condition :
    ...

else :
    ...

Functions:

function functionName (arg):
    style("h1","color",arg);

CSS rules:

Simple:

h1 :
    color : #FFF;
    background-color: #000;

With events:

.card:
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;

&:hover :
    background-color: red;
    .content :
        color: #fff;

In DASS you can execute JS:

.card:
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;

&:hover :
    background-color: red;
    .content :
        color: #fff;
    console.log("I'm a javascript line");

Made with DASS: