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) его можно добавить в уже существующий файл или создать новый, а на клиенте через создание нового правила тега.
