Portfolio


<ul class="menu">
  <li class="menu__item menu__item--clicked">메뉴 01</li> //boolean
  <li class="menu__item">메뉴 02</li>
  <li class="menu__item">메뉴 03</li>
</ul>

클릭했을 때 나오는 메뉴1(menu__item--clicked)


<div class="column">
  <strong class="title">일반 로그인</strong>
  <form class="form-login form-login--theme-normal"> //key-value
    <input type="text" class="form-login__id"/>
    <input type="password" class="form-login__password"/>
  </form>
</div>
 
<div class="column">
  <strong class="title title--color-gray">VIP 로그인 (준비중)</strong>
  <form class="form-login form-login--theme-special form-login--disabled">
      <input type="text" class="form-login__id"/>
      <input type="password" class="form-login__password"/>
  </form>
</div>

일반 로그인 때 나오는 폼(form-login--theme-normal), VIP 로그인일 때 나오는 폼(form-login--theme-special)

BEM 방법론

Block

Element

Modifier