/ / Налаштування кнопки в фундаменті Zurb's - css, ruby-on-rail, сасс, zurb-foundation

Налаштування кнопки на основі Zurb's - css, ruby-on-rail, сасс, zurb-foundation

Framework: Ruby on Rails.

Я вставив цей код у: foundation_and_overrides.scss

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

Це дає мені цю помилку:

Sass :: SyntaxError at / Не вдається додати число з одиницями (0.0625em) до a колір (# f1f1f1)

Як налаштувати змінну $ bg у Фонді ZURB?

Відповіді:

1 для відповіді № 1

Я думаю, що це питання стосується Фонду Зербу 4.

Згідно з документом Zurb Foundation 4, button() Місін приймає шість аргументів і колір кнопки - другий аргумент. Тому ви можете вказати колір кнопок наступним чином:

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

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

Докладніше див. документ Zurb Foundation 4:

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