/ / Personalizzazione dei pulsanti nella fondazione di Zurb: css, ruby-on-rails, sass, zurb-foundation

Personalizzazione dei pulsanti nella fondazione di Zurb: css, ruby-on-rails, sass, zurb-foundation

Quadro: Ruby on Rails.

Ho inserito questo codice in: foundation_and_overrides.scss

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

Mi dà questo errore:

Sass :: SyntaxError at / Can not aggiungere un numero con unità (0.0625em) a a colore (# f1f1f1).

Come personalizzare la variabile $ bg nella Fondazione ZURB?

risposte:

1 per risposta № 1

Suppongo che questa domanda riguardi Zurb Foundation 4.

Secondo il documento di Zurb Foundation 4, button() mixin prende sei argomenti, e il colore del pulsante è il secondo argomento. Pertanto è possibile specificare il colore del pulsante come segue:

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

Il primo argomento è il padding del pulsante, che puoi usare $button-tny, $button-sml, $button-med, $button-lrg, emCalc(NNNpx)o qualsiasi altra cosa

vedere il documento Zurb Foundation 4 per maggiori dettagli:

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