Jorge Ruiz Matsumoto                                                                                    18/03/22

Enfoque de bem

Bloque Element Modifier

Bloque

Element

Modifier

que es bem?

es una metodología para crear código reutilizable y ordenado en tus proyectos CSS.

reglas

1bloque: son un contenedor, si una sección por si es significativa y no requiere de otras secciones por su apariencia debería ir en un bloque.

2Elementos: es la parte de un bloque depende de un bloque y no por si solo significativo.

tienen características de que utilizan el nombre del bloque y después, doble guion bajo.

Ejemplo:  <p class"cliente__nombre">

css

.cliente__nombre

3Modificadores un bloque o elemento 

tendria una variante se utilizaria en un modifcador que es una bandera, que avisa que ese elemento tendra un diseño diferente}

ejemplo 

<p class "cliente__nombre__ceo">css

.cliente__nombre__ceo

para nuestra barra de navegacion 

navegacion__enlace__activo

navegacion__enlace:hover color: var )-+=;