dkudrin1: Не помогает потому что:
- во-первых, ошибка в css для классов classActive и classUnactive (по-английски правильно inactive) - цвет для бекграунда в кавычках, из-за этого стиль не применяется;
- во-вторых, скрипт на смену этих классов работает только в одну сторону. Если скроллить страницу вверх - classUnactive не убирается.
Ну и бонусный совет: не стоит при ресайзе изменять DOM для того, чтобы поменять внешний вид меню. Лучше создать оба вида меню изначально и скрывать/показывать нужное меню переключением css класса.
Честно говоря, непонятно в чем сложность Sass. Его можно использовать в виде чистого css (только расширение файликов меняется на scss :)). А в дальнейшем начинаешь использовать переменные, импорты, вложенность селекторов, альтернативный синтаксис и прочие компасы и бурбоны.
П.С. Less не использовал, только читал наискось. Stylus использовал совсем немного. Вместе с Jade он, наверное, хорошо идет.
Browserify не использовал, т.к. пока не увидел в нем смысла для своих проектов. Я так понимаю, что это нечто вроде RequireJS?
У меня весь JS собирается в 2 файла: сторонний код (plugins.js) и собственный код (main.js). При выкладке в продакшн код минимизируется. Не уверен, что подход RequireJS с тучей запросов к серверу будет оправдан. Но это уже тема другого вопроса. :)
Не знаю, возможно связано с различиями в версиях каких-то пакетов. Вообще, часть этих настроек (для компаса) хранились в отдельном файле config.rb, но я решил от него избавиться. :) Подключение config.rb выглядит так:
Да, vertical-align: top для элементов li решает проблему. Хотя, по-хорошему, там много чего в верстке стоит переделать. Пункт меню "Корзина" на моем мониторе убегает на вторую строку, из-за чего видно только краешек букв.
А если сжать окно браузера по ширине пикселей до 500...