28172 sujets

CSS et mise en forme, CSS3

Less framework

Bonjour à tous ,
Je debute avec Less , tout va bien jusqu’à l'insertion de ce bout de code Smiley ohwell 

p.test{color:.bg['background'];}

message d'erreur
lessc fatal error: parse error: failed at `color:.bg['background'];} ` input.less on line 35


Voici mon input.less

@val1 : 16px;
@val2 :16px;
@col:#0ff;
@col2:green;

.likefunction(@radius){
	-moz-border-radius:@radius;
	-webkit-border-radius:@radius;
	-o-border-radius:@radius;
	-khtml-border-radius:@radius;
	-ms-border-radius:@radius;	
}
.bg{ background:#C09}
.block_content_2 {
	color:green;
	margin: @val1 + @val2;
	background:@col;
	.likefunction(3px);
	height:200px;
	padding:@val1*2;	
	.span{
		font-weight:bold; color:red	; font-size:@val1*.6;
	} 
	p.test{color:.bg['background'];}
}

j'utilise lessc.inc.php pour compiler et parser mon fichier
Merci pour votre aide
Modifié par K-2 (25 Jun 2015 - 16:23)
Modérateur
Salut salut !

Mais si on va t'aider Smiley langue
Alors... qu'est-ce que tu tente de faire en faisant ça ?
p.test{color:.bg['background'];}

Ça parait un peu compliqué... c'est pour centraliser la couleur ? Pourquoi ne pas passer par une variable plutôt ?

@bgcolor:pink;

.bg{ background:@bgcolor}

.block_content_2 {
        /*.....*/
	p.test{color:@bgcolor;}
}
Sujet clos
Aller à