Metodologia Bem z java-script.

Question

Hej, rozpocząłem nauczyć scss i metodologi Bem, jednak na samym początku już mam kilka problemów.

Jak zrobić burger menu skoro js dodaje klasę z kropką jak to powinno wszystko wyglądać, tutaj mój kod.

tutaj codepen Link

 

ps. jak poprawnie powinien wyglądać ten button bo domyślam się ze nie potrzebnie dodaje klasę dla buttona a potem jego elementów?

Answer 1

Najlepiej jest po prostu dodać klasę do samego przycisku i później .menu__button_active .menu__button-item i tyle.

Inna rzecz, że stosujesz BEM w nieprawidłowy sposób. Nie istnieje coś takiego jak elementy elementów (.header__bar__item). Ogólnie polecałbym poczytać o miksach i robić jak najmniejsze bloki. Dodatkowo semantyka i dostępność kodu też nie są najlepsze – przycisk powinien być przyciskiem.

Comments

Dziękuję za pomoc! Przeczytam to co wysłałeś, czy dla przykładu mógłbyś pokazać jak ty byś zagnieździł ten ''button'' aby kod był poprawny ?