/ / Personalización de botones en la base de Zurb - css, ruby-on-rails, sass, zurb-foundation

Personalización de botones en la base de Zurb: css, ruby-on-rails, sass, zurb-foundation

Marco: Ruby on Rails.

Inserté este código en: foundation_and_overrides.scss

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

Me da este error:

Sass :: SyntaxError en / No se puede agregar un número con unidades (0.0625em) a un color (# f1f1f1).

¿Cómo personalizar la variable $ bg en la Fundación ZURB?

Respuestas

1 para la respuesta № 1

Estoy asumiendo que esta pregunta es sobre la Fundación Zurb 4.

De acuerdo con el documento de Zurb Foundation 4, button() Mixin toma seis argumentos, y el color del botón es el segundo argumento. Por lo tanto, puede especificar el color del botón de la siguiente manera:

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

El primer argment es el relleno del botón, puede usar $button-tny, $button-sml, $button-med, $button-lrg, emCalc(NNNpx), o lo que sea.

ver el documento de Zurb Foundation 4 para más detalles:

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