Решил написать свое мобильное меню. На jquery. Вышло вот что codepen.io/romkaa/pen/ORLRqQ
Я понимаю, что здесь существенная лапша. У кого есть время, подскажите, как можно это оптимизировать, чтобы смотрелось красивым плагином или было меньше кода.
Небольшое код-ревью:
Нужно переименовать переменные $green, $white и $purpur, так как при изменении цвета (например, зелёного на красный) придётся по всему стилю менять $green на $red и польза от переменных полностью теряется. Названия классов 'transform' и 'transform2' малоинформативны. Селектор '.menu ul li a' -- слишком длинная цепочка, лучше этим самым a прописать какой-нибудь класс. То же самое с '.menu ul li ul'.
