Я использую сайты Zurb Foundation Sites 6 в своем проекте. Я включал модули по мере необходимости. Я использую Webpack и SASS для объединения всего.
Я пытаюсь настроить поля элемента <ul class="menu">. Я делаю это, устанавливая $menu-margin следующим образом в моем файле _settings.scss (который затем импортируется в main.scss) для документов :
// 23. Menu
// --------
$menu-margin: 0 1.5rem 0 0;
...
Однако это никогда не работает. Поле .menu всегда равно 0, что бы я ни делал. Я проверил другие настройки (например, $menu-item-background-active и $menu-simple-margin) и эти меняются, но $menu-margin никогда не меняется. Я не делал ничего другого, уникального для настроек.
Другие связанные стили все еще там. Все остальное работает нормально. Я включаю @include foundation-menu; в мой файл main.scss.
[Update 6/17/19] Я до сих пор не понял, как решить эту проблему. Я просто написал свой собственный CSS, чтобы получить то, что я хотел. Я обновлю, если когда-нибудь решу это. Все еще надеясь, что у кого-то есть идея.