/ / Personnalisation des boutons dans la fondation de Zurb - css, ruby-on-rails, sass, zurb-foundation

Personnalisation des boutons dans la fondation Zurb - css, ruby-on-rails, sass, zurb-foundation

Framework: Ruby on Rails.

J'ai inséré ce code dans: foundation_and_overrides.scss

.button-facebook {
$bg: #000;
@include button($bg);
}

Cela me donne cette erreur:

Sass :: SyntaxError at / Impossible d’ajouter un nombre avec unités (0.0625em) à un couleur (# f1f1f1).

Comment personnaliser la variable $ bg dans ZURB "s Foundation?

Réponses:

1 pour la réponse № 1

Je suppose que cette question concerne Zurb Foundation 4.

Selon le document Zurb Foundation 4, button() mixin prend six arguments, et la couleur du bouton est le deuxième argument. Par conséquent, vous pouvez spécifier la couleur du bouton comme suit:

@import "foundation/components/buttons";
.button-facebook{
$bg: #000;
@include button($button-sml, $bg, false, false, false, false);
}

Le premier est le remplissage du bouton, vous pouvez utiliser $button-tny, $button-sml, $button-med, $button-lrg, emCalc(NNNpx), ou peu importe.

voir le document Zurb Foundation 4 pour plus de détails:

http://foundation.zurb.com/docs/components/buttons.html