-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
"btn-group" as BEM #79
Comments
If there's a chance to reuse <div class="module">
<div class="btn-group">
<button class="btn">
<button class="btn">
<button class="btn">
<div>
</div> If you need to maintain the fact that this particular <div class="module">
<div class="btn-group module__btn-group">
<button class="btn">
<button class="btn">
<button class="btn">
<div>
</div> The same may be applied to the buttons: <div class="module">
<div class="btn-group module__btn-group">
<button class="btn btn-group__btn">
<button class="btn btn-group__btn">
<button class="btn btn-group__btn">
<div>
</div> Now |
Hi!, first of all thanks a lot for the reply, very appreciated. So, if I haven't got it wrong, you can have Block elements, inside another bigger one, with his own Elements and Modifiers, is it correct to do it so?. Thnx again. |
yes, that's right |
Hi,
I'm trying to understand all the scenarios to apply BEM and there is something I would like to clarify in my mindset about this method.
Ok, imagine that you need a btn-group to gather the button / anchor elements in a module. If the module is the father of all, then you might think this btn-group is a child so it would like this "module__btn-group" but what happen with the btn?, and what about if you need that btn-group styles to apply another module?, then you will need to copy the same css rules again and again?. I mean, all the inner elements must have a father block of his own?.
Thanks a lot for the help.
The text was updated successfully, but these errors were encountered: