Недавно накидал тоже интересную штуку, которая проще, но возможностей куда больше. Хотя аналог LESS/SASS тоже на подходе))

они нужды для сокращения времени на разработку, и упрощения работы верстака, это упрощенный синтаксис CSS/

после завершения разработки они компилируются в обычный CSS/ понятный браузеру.

nasqad,
LESS/SASS - это полноценные CSS-фреймворки с кучей синтаксического сахара. Используя их можно немного сэкономить время на разработку, за счет использования вложенных правил, переменных и примесей, в плоть до наследования. В конечном итоге это все транслируется в CSS код. В моем подходе все намного проще.


можно писать обычный JS {объект} типа:

var css = {
    'html': {
        'background': 'red',
        'body': {
            'color' : 'rgb(255, 255, 255)',
            'div > p': {
                'color': 'green',
                'border': '#000008'
            }
        }
    },
    'input' : {
        'border' : '1px solid #110011'
    }
};

Который превратится в следующий CSS-код (с небольшими бонусами).

html {
    background: red;
}

html body {
    color: #FFF;
}

html body div > p {
    color: green;
    border: #000008;
}

input {
    border: #101;
}

На сервере (где есть Node или Python) его можно добавить в уже существующий файл или создать новый, а на клиенте через создание нового правила тега.