Кнопка изменения Foundation SASS-radius

Итак, я недавно создал новый проект, используя Zurb's Foundation. У меня есть настройки по умолчанию, работающие в настройке gem (http://foundation.zurb.com/docs/sass.html).

Моя проблема заключается в изменении кнопок. По умолчанию мои кнопки имеют квадратную форму, и мне нужен красивый стиль с закругленными углами. Итак, в _settings.scss я изменил следующую строку:

$button-radius: 30px;

Но ничего не происходит. Итак, после прочтения документации я попытался создать свой собственный класс кнопок и включить миксин кнопок вот так:

.your-class-name {
    @include button($padding, $bg, $radius, $full-width, $disabled, $is-input);
}

Но когда я это делаю, я получаю сообщение об ошибке, что $padding не существует! Это меня по-королевски сбило с толку, поскольку оно используется во всем Фонде (по крайней мере, я так понимаю).

Может ли кто-нибудь подсказать, что здесь может быть не так. При необходимости могу предоставить любую дополнительную информацию.

Наконец, я не думаю, что применяется опция $global-radius, потому что когда я изменяю свойство, но это не вызывает ошибки, я немного озадачен!

РЕДАКТИРОВАТЬ:

Вот верхняя часть моего основного файла SASS:

// Global Foundation Settings
@import "settings";

// Comment out this import if you don't want to use normalize
@import "normalize";

// Comment out this import if you are customizing you imports below
@import "foundation";

person Sheixt    schedule 26.07.2013    source источник
comment
$padding - это имя аргумента для этой примеси, вы должны передать ему значение, а не переменную, которая не была инициализирована. Включается ли файл настроек раньше всех остальных?   -  person cimmanon    schedule 26.07.2013
comment
Понятно. Но правильно ли я считаю, что его следует инициализировать в файле Foundation по умолчанию?   -  person Sheixt    schedule 26.07.2013
comment
Я добавил верхнюю часть файла, который показывает импорт (включая настройки вверху страницы).   -  person Sheixt    schedule 26.07.2013
comment
Нет. Глобальные переменные в Foundation каким-то образом имеют префиксы , позволяя авторам использовать более короткие именованные переменные в миксинах (избегая случайной перезаписи миксинами глобальных переменных). Если вы посмотрите на миксин кнопок, вы можете видеть, что по умолчанию используется $button-med для заполнения.   -  person cimmanon    schedule 26.07.2013
comment
Я понимаю! Спасибо :) Хорошо, похоже, это работает в моем собственном классе. Тем не менее, все еще интересно узнать, почему значение по умолчанию $border-radius, похоже, не работает.   -  person Sheixt    schedule 26.07.2013
comment
Глядя на код, он должен работать так, как вы ожидаете. Хотя возможно, что переменная могла быть где-то перезаписана случайно. Попробуйте добавить @debug $button-radius; после импорта основы.   -  person cimmanon    schedule 26.07.2013


Ответы (1)


Значение по умолчанию $border-radius не работает из-за ошибки в Foundation. Я тоже столкнулся с этим, но когда я пошел еще раз проверить, похоже, что он был исправлен уже в этот коммит. Проблема заключалась в том, что $button-radius был дважды определен в файле настроек: один для кнопок в целом и один для кнопок в формах. Последний теперь переименован в $form-button-radius.

person Vincent    schedule 31.12.2016