¿como gestiona .less los css secundarios?
2 seguidores
Estoy pensando implementar less en mi curro y tengo una duda. Habitualmente usamos plantillas propias que tienen un css comun y un css añadido con los cambios necesarios que sobreescribe algunas propiedades.
¿como se gestionaria esto en less? ¿Es posible cambiar una variable del css (o .less) comun, por ejemplo, desde un css (o .less) secundario? ¿o solo compila los css "de uno en uno"?
jokin_l
Joe, la verdad es que lo he usado mucho pero hace tiempo que no toco less ya no me acuerdo.
No te he entendido bien. Quieres que desde un less secundario se re-escriba la variable de la principal y que esto afecte a todas las secundarias que tengan esa variable?
De todas formas, si te vas a poner a implementar esto, ya puestos, yo metería scss en vez de less.
Otra es que yo tendría un .scss de variables y en otras carpetas las páginas, módulos...
Usuario desconocido
Tenemos varias webs que son clones unas de otras, con la misma estructura html. Comparten un css comun con las caracteristicas basicas y un theme.css propio qu e reescribe propiedades como colores, dimensiones, etc.
Supongo que podre continuar esa filosofia con less, pero no lo conozco apenas aun.
¿por que usarias scss ?
smalonso Mod
SASS tiene dos sintaxis, la de .sass y .scss. Esta última es de la última versión de SASS y recomendable que uses si utilizas este preprocesador. Entre Less o Sass, siempre he usado sass (.scss) porque la sintaxis es más limpia y es el precompilador que usa Susy, un framework para construir layouts con un poco de rumba :)
En ambos precompiladores puedes tener un css que te reescriba las propiedades, pero no es lo más limpio. Al final lo que te genera less o sass sigue siendo un archivo stylesheet.css de toda la vida como resultado. Para trabajar de forma limpia deberías revisar el código para pasarlo a less de forma mas optimizada y tener todas las variables para cambiar look&feel en un solo archivo tipo variables.less por ejemplo. Con esto no reescribes nada, solo cambias el valor de la variable sea color, valor númerico, fuente… según el tema/web y ya lo tienes.
En programación hay un par de frases míticas que se intenta seguir como norma y es aplicable a frontend: Don't Repeat Yourself (D.R.Y) y Keep It Simple (KIS). Que al final es lo que se intenta con todo ello, mantener simple el código, limpio y escalable sin que haya código repetido ni estructuras muy complejas de lectura.
Usuario desconocido
Ok, muchas gracias @samuelalonso , seguire investigando el tema.
Por cierto, creo que te has olvidado una "S" en "KISS"
;)
smalonso Mod
jaja, @montaycabe soy un tío elegante ;D