traduccion - less tutorial
¿Es una mala práctica anular las variables LESS? (2)
¡De acuerdo! Uno de los problemas anteriores condujo a una discusión sobre el comportamiento deseado, y resulta que está bien anular las variables LESS.
Sus declaraciones se sobrescribirán entre sí en el mismo ámbito en CSS; Lo mismo es cierto para MENOS.
Al igual que en CSS, la anulación dentro de un alcance es una forma intencionada de usar MENOS.
Estoy usando Twitter Bootstrap en un proyecto en este momento, incluidos los archivos LESS y la compilación con algún código LESS adicional que hemos escrito.
La última versión ha significado que debemos anular algunas de las variables LESS de Bootstrap. Una opción aquí era mantener una copia modificada de Bootstrap que parchamos en cada versión.
Pero observo que es posible anular una variable definida en un archivo @import LESS volviendo a declarar la variable después de la declaración de importación.
P.ej:
@import "twitter-bootstrap/bootstrap.less";
// Restore base font size to pre 2.1.1 defaults
@baseFontSize: 13px;
// Add some custom LESS code here
¿Es esta mala práctica? ¿Es un artefacto de la forma en que funciona el compilador LESS, o una parte intencionada de él? No pude encontrar mucha información sobre esto, aunque sí encontré las siguientes dos referencias:
Debido a un error en el compilador Less, puede anular el valor "constante" de una variable al cambiarla después de que se haya declarado inicialmente.
http://rubysource.com/how-to-customize-twitter-bootstrap%E2%80%99s-design-in-a-rails-app
y
Personalice las columnas y las canaletas anulando estas tres variables (después de que se haya declarado la importación de grid.less).
El sitio LESS en sí mismo dice que las variables son ''constantes'':
Tenga en cuenta que las variables en MENOS son en realidad "constantes", ya que solo se pueden definir una vez.
Pero luego veo otros sitios que utilizan este enfoque. Sin duda, es más fácil que mantener una sucursal de proveedores y parece funcionar bien con less.js.
Agradecería cualquier pensamiento sobre si esto es algo malo de hacer o no!
¡Está bien!
Generalmente creo un archivo menos con "componentes" y variables con un valor predeterminado. Luego, después de eso, importe un archivo con las mismas variables pero valores de "clientes", sobrescribiendo las predeterminadas. De esa manera, solo tengo que cambiar algunos valores para crear un nuevo diseño para cada cliente.
Está bien y es muy útil.