Настройка кнопок в фундаменте Zurb

Question

Рамка: Ruby on Rails.

Я вставил этот код в: foundation_and_overrides.scss

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

Это дает мне эту ошибку:

Sass::SyntaxError at/Cannot add a number with units (0.0625em) to a color (#f1f1f1).

Как настроить переменную $ BG в Фонд ZURB в?

Answer 1

Я предполагаю, что этот вопрос о Zurb Foundation 4.

Согласно Zurb Foundation 4 документа, button() Mixin занимает шесть аргументов, и цвета кнопки является вторым аргументом. Таким образом, вы можете указать цвет кнопки следующим образом:

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

Первый argment является обивка кнопки, вы можете использовать $button-tny, $button-sml, $button-med, $button-lrg, emCalc(NNNpx), или любой другой.

см Zurb Foundation 4 документа более подробно:

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