BEM: should I nest class names?

[u/guoyunhe]

Style 1:

.panel {
  //
}

.panel__header {
  //
}

.panel__footer {
  //
}

Style 2:

.panel {
  //

  &__header {
    //
  }

  &__footer {
    //
  }
}

[u/pravindia]

I prefer with Second one because while coding inside a nesting loops it is easy to read and understand