Показать сообщение отдельно
  #33 (permalink)  
Старый 27.02.2012, 08:33
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

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

Последний раз редактировалось monolithed, 27.02.2012 в 08:35.
Ответить с цитированием