2013-09-16 8 views
3

Я хотел бы изменить цвет фона стиля кнопки в базовой версии sass.Как установить фоновый цвет кнопок в sass версии основания?

Рассматривая источник _buttons.scss, я вижу, что есть микширование под названием «стиль кнопки». В нем «background-color» присваивается значение переменной $ bg.

Однако не существует определения $ bg, содержащего mixin или даже этот файл.

Я мог бы просто удалить '$ bg' из этой строки и добавить пользовательский цвет, но это грязное решение, которое приведет к проблемам.

Где определить $ bg?

ответ

2

У меня была такая же путаница. Вещь $ Б.Г. в настоящее время присваивается значение в подмешать декларации

@mixin button-style($bg:$primary-color...)

и здесь

@mixin button($padding:$button-med, $bg:$primary-color,...) { 
... 
    @include button-style($bg, $radius, $disabled); 
} 

Вы можете заменить $ первичного цвета здесь, но это будет влиять на все ваши кнопки. Лучше Идея заключается в том, чтобы создать новый класс кнопку и вызвать этот подмешать с выбранным цветом в качестве параметра

.new-button{ 
    @include button-base; 
    @include button-size; 
    @include button-style(your-preferred-color); 
} 

Компиляция это и использовать .new кнопки класса

+0

Чтобы настроить размер, используйте: '@include button-size ($ button-tny)' – davidhq

1

Другой способ

.new-button { $primary-color: #whatevercolor; @include button; }

Поскольку вы указываете $primary-color в объявлении, область действия содержится в этой декларации.

+0

Я не знал, что вы можете использовать переменные области, подобные этому, в sass..does эта работа для вас? Я думаю, что это прекрасное решение –

0

Установка $bg в _settings.scss не работает, поскольку в объявлении mixin присваивается значение, как уже объяснил Винай Рагху. Хорошей новостью является то, что a recent commit был исправлен.

Когда это выпущено в следующей версии Foundation 5, ответ на оригинал Где определено $ bg? будет В _settings.scss путем изменения $button-bg.

Смежные вопросы