alex99pro

Использовать e.stopPropagation() — плохая идея. Читайте

Правильный способ — проверять, является ли target сделанного клика элементом меню или чем-то другим. Если это не меню — закрывать меню.

Появляется правильный вопрос, что делать, если кликнутый элемент — дочерний элемент меню? Для этого есть офигенный метод node.contains()

Собственно, вся требуемая проверка получается совсем несложная — gist

var el = document.getElementById('el');

document.addEventListener('click', outsideEvtListener);

function outsideEvtListener(evt) {
    if (evt.target === el || el.contains(evt.target)) {
        // клик внутри
        return;
    }
    // код для закрытия меню, например el.classList.add('hidden')
   
    // не забыть убрать слушатель событий (не для каждой имплементации требуется)
    document.removeEventListener(outsideEvtListener);
}

textolite ставил одному клиенту на статический сайт что-бы он мог сам менять цены/инфу прямо в браузере... так-же можно html править.

Все топовые препроцессоры дают примерно равный набор возможностей и очень очень мощны. Всегда найдутся люди, которые будут говорить, что им нравится X-препроцессор, ибо там есть киллер-фича без которой они не могут жить, но это всё вкусовщина. Так что просто выбирайте тот препроцессор, синтаксис которого вам будет по душе. Вот и весь принцип.

Ну обычные рассуждения кто что может это одно... Нужно также взвешивать что если Вы ещё совсем нуб в препроцессорах (не обижайтесь Я недавно тоже в них не разбиралась) то всё же Я бы посоветовала less. Так как less написан на js, в то время как scss на ruby. Да less не может, то что может scss, но и scss не может то что может stylus. В тоже время используя less Вы много не потеряете.
Я ещё и не перешла на stylus, но думаю это сделать так как он предоставляет больше возможностей.

Less в свою очередь скорее школьник, он прост и лёгок в понимании для начала.
Scss в этом сравнении юноша у которого больше возможностей чем у ребёнка.
А Stylus это уже взрослый неординарный человек - его неординарность проявлется в его синтаксисе, что скорее для меня минус, но для многих плюс. Он скорее похож на другой язык чем просто на препроцессор.
Новичкам Stylus Я крайне не советую иначе они вообще позабудут о том что такое синтаксис css

Как мне кажется то новичёк который выбрал less или scss, должен выбртать нужен ли ему stylus.

Борадатые дяди из Яндекса даже написали статью "Почему мы стали использовать препроцессор Stylus"