Clase 7 de 13 • Curso de Less 2018
Contenido del curso
Jose Daniel Barría Reyes
Harold David Avila Sabogal
Pau Pregoni Juan
Miguel Angel Reyes Moreno
Jose Daniel Barría Reyes
Jose Daniel Barría Reyes
Harold David Avila Sabogal
Andrés Vega
Andrés Guamán Chaparro
Juan Esteban Galvis
Juliana Abad
Juan Esteban Galvis
Belén Sosa
Erik Elyager
Angélica Rocha
Jhonatan David Ibarra Lavado
Miguel Angel Lozano Alvarez
Jorge Cruz Perez
Gerardo Manuel Reyes Fernández
Harold David Avila Sabogal
Angélica Rocha
Estiventh Leonardo Neira Aldana
Héctor Eduardo López Carballo
Estiventh Leonardo Neira Aldana
Platzi Team
Andrés Alejandro Ramos Uyaban
Jorge Wenner Arévalo Alvis
Fernando Galdós
Raycris Maldonado
Andrés David Loaiza Zamudio
nesting: podemos agregar pseudoselectores (tales como :hover) dentro de la clase general, con el caracter & referenciamos al padre.(anidacion en spanish)
//less .btn{ //properties &:hover{ //properties } }
Gracias
Estaría bueno poder ver el output de lo que se está haciendo.
Pues no te cuesta hacerlo, es tan sencillo como llamar a la hoja que contendrá todos los import:
Siempre incluir los parciales!
agregar las variables primero, luego los elementos de base
Buen apunte
La respuesta exacta es que al tener mas anidaciones, más reusabilidad perdemos.
¿Por qué?
Correcto, al ir anidando solo servirá para ese orden, por ejemplo:
.btn{} -> Sirve para todo lo que le pongamos esa clase Re-utilizable
.btn .card .boton a{} -> SOLO sirve para el enlace que cumpla con toda esa anidacion, por ende No es re-utilizable
Además, como se enseña al principio del curso de preprocesadores CSS mientras mas especifico (clase, id, etiqueta) menos posible es modificar sus estilos.
Por que es necesario manejar la escala de grises?
En este caso es ejemplo, pero un uso práctico no con grises sería por ejemplo tener una escala de color.
Por ejemplo, desde el azul oscuro al casi blanco y que todos usen la misma escala o paleta de colores.
Hola, tienen idea por qué me aparecen esos comentarios y si hay forma de que dejen de aparecer?
Me suena a que es alguna extensión, deshabilita las extensiones y prueba si desaparecen, en caso de que sí, va a tocar buscar cuál es la causante.
Para deshabilitar presiona Ctrl + Shift + P en windows o command + shift + p en Macos y busca la opción:
¿Cuántas anidaciones me recomendarían tener ?
sigamos :D
Se puede hacer una variable para el hover
Partiendo desde el concepto de variable, donde vas a guardar un valor, considero que no, al meneos en ese sentido se entiende tu pregunta, saludos :)
-Es preferible una clase demás a un selector demás.
No se si entendí muy bien la clase. Lo que entendí es que existe lamanera de anidar pero no hay que abusar de este recurso.
Esta clase me recuerda un poco al principio de Single Responsability que se usa en programación.
exacto puedes usar este recurso pero es mejor no abusar de el dado que puede traer problemas
Es mejor más clases que selectores :D
En realidad en BEM un botón vendría siendo un elemento, no un bloque
Pero creo que el botón siempre seria el mismo sin importar su contexto, su cambio estaría relacionado con los modificadores nada más... Aún hay cosas de BEM que no tengo bien definidas. :s
Precisamente por eso vendría siendo un elemento. Ya que un elemento puede formar parte de varios bloques, un bloque no puede ser parte de otro bloque jajaja
Es preferible una clase de mas que un selector :o
¿No existe alguna extensión de VSC que me ayude para recordar las variables, mixins, funciones etc.. que están creadas en los otros archivos?
😃
Gran clase.
En la metodología BEM poner dobles guinoes quiere decir que se trata de una modificación, ejemplo .btn--alert
Bien aprender esto!