Foros del Web » Creando para Internet » CSS »

concatenar variable less con texto

Estas en el tema de concatenar variable less con texto en el foro de CSS en Foros del Web. ¿Es posible hacer que funcione? gracias style.less Código HTML: //Esquema de un dual-color @dark-primary:#656D78; @dark-secondary:#434A54; ... //comodin de llamada @color:dark; ... //llamo al dual-color mediante ...
  #1 (permalink)  
Antiguo 25/12/2014, 17:44
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
concatenar variable less con texto

¿Es posible hacer que funcione? gracias

style.less
Código HTML:
//Esquema de un dual-color
@dark-primary:#656D78;
@dark-secondary:#434A54;

...

//comodin de llamada
@color:dark;

...

//llamo al dual-color mediante el comodín de llamada
background-image: linear-gradient(
	@{color}-secondary,@{color}-primary
);
  #2 (permalink)  
Antiguo 26/12/2014, 00:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: concatenar variable less con texto

Prueba con: ~"@{@{color}-primary}"

El churro es para eliminar comillas en la salida, y las comillas necesarias para la interpolación. También es posible, según la documentación, usar variables variables con @@.
__________________
(:

Última edición por pzin; 26/12/2014 a las 00:14
  #3 (permalink)  
Antiguo 28/12/2014, 21:13
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Respuesta: concatenar variable less con texto

gracias por tu sugerencia @pzin

pero curiosamente al usarla less no compila su function contrast:

Código HTML:
@primary: @blue-primary;
@secondary: @blue-secondary;

contrast(@primary) -(LESS to CSS)-> white
Código HTML:
@color: blue;
@primary: ~"@{@{color}-primary}";
@secondary: ~"@{@{color}-secondary}";

contrast(@primary) -(LESS to CSS)-> contrast(@primary)
bueno, siempre puedo poner white por defecto en lugar de la function constrast

Etiquetas: background, color, concatenar, less, variable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:49.