/ / Personalização de botões na base da Zurb - css, ruby-on-rails, sass, zurb-foundation

Personalização de botões na base da Zurb - css, ruby-on-rails, sass, zurb-foundation

Framework: Ruby on Rails.

Eu inseri este código em: foundation_and_overrides.scss

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

Isso me dá esse erro:

Sass :: SyntaxError em / Não é possível adicionar um número com unidades (0.0625em) a um cor (# f1f1f1).

Como personalizar a variável $ bg na Fundação do ZURB?

Respostas:

1 para resposta № 1

Eu estou supondo que esta questão é sobre a Zurb Foundation 4.

De acordo com o documento da Zurb Foundation 4, button() mixin leva seis argumentos, e a cor dos botões é o segundo argumento. Portanto, você pode especificar a cor do botão da seguinte maneira:

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

O primeiro argumento é o preenchimento do botão, você pode usar $button-tny, $button-sml, $button-med, $button-lrg, emCalc(NNNpx), como queiras.

veja o documento Zurb Foundation 4 para mais detalhes:

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