Comment appeler Bootstrap est MOINS dégradé mixin

Le Bootstrap gradient vertical de mixin est définie comme suit:

#gradient {
  .vertical (@start-color, @end-color) when (@disable-filters)  {
    /* code */
  }
}

Je vais appeler .#gradient > .vertical(#fff, #ddd); dans mon MOINS. Mais la compilation me donne l'erreur suivante.

ParseError: Syntax Error on line 104 in front.less:104:8
103         border-bottom: 2px solid white;
104         .#gradient > .vertical(#fff, #ddd);
105       }

Commentant la ligne ci-dessus résout le problème. Quelle est la bonne manière d'invoquer Bootstrap du gradient vertical de la mixin?

Supprimer le point avant #dégradé et essayez de nouveau.

InformationsquelleAutor Matm | 2012-10-23

less twitter-bootstrap

27

Je pense qu'il y a peut être une faute de frappe dans le démarrage v2.2.2 docs pour certains de le gradient de mixin. Si vous cochez la mixin.moins il semble que vous n'avez pas besoin de le point quand on appelle le gradient de mixin, c'est à dire
#gradient > .verticale(#999, #fff);

J'ai ce travail.

Sur une page html j'ai un div avec ID=gradient de test

Dans mon custom mixin j'ai:
```
#gradient-test{  
#gradient > .vertical(#999, #fff);  
}
```
Bonne chance!

InformationsquelleAutor David Taiaroa
30

L'idée est la même dans le Bootstrap 3 (comme David Taiaroa suggéré) et en plus, il y a deux paramètres supplémentaires que vous pouvez passer dans le contrôle de la façon dont le gradient de l'air:
```
.vertical(@start-color; @end-color; @start-percent; @end-percent)
```
Ainsi, par exemple, vous pouvez faire quelque chose comme ce qui suit dans votre custom.less fichier:
```
@import '../less/bootstrap.less';

.promo-content{
  #gradient.vertical(#fff; #c3c3c3; 0%; 10%);
  height:100px;
  .text-center;
  padding-top: 25px;
  margin-bottom: 10px;
  border:1px solid #e2e2e2;
}

.promo-content2{
  #gradient.vertical(#fff; #c3c3c3; 0%; 90%);
}
```
Et vous obtiendrez les résultats suivants:

InformationsquelleAutor AJ Meyghani

Vous devez vous connecter pour publier un commentaire.