2014-01-28 4 views
0

enter image description hereоснова ошибка меню topbar выпадающей обивки

Так что я делаю меню с выпадающим меню и есть что-то очень странное происходят с фундаментом. Ссылка идет с дополнением справа от 21rem! Важно, и я уверен, что это происходит от основания. У меня нет 21rem или каких-либо импортеров в моем меню css. Вот точная строка кода, который он генерирует. У меня есть файл, который компилирует все css, поэтому трудно точно определить причину.

.top-bar-section .has-dropdown > a { 
    padding-right: 21rem !important; } 

Любые идеи?

+1

Не видя, как вы генерировать CSS и некоторые из ваших JS, его трудно сказать, в чем проблема может быть – stackErr

+0

Вы использовали сокращенную версию Css Foundation или импортируете все файлы .scss? – davidpauljunior

+0

Я использую рубин на рельсах и камень основания, версия 5.02. Я думаю, что он импортирует все файлы scss и предполагает, что рельсы впоследствии уменьшат его. –

ответ

0

цель .profile-menu в вашем CSS и переопределить его padding-right: 0 !important, если это не работает, добавьте id к этому a тегам и целям, которые id

+0

Поможет объяснить, что с этим не так? – jmore009

+2

wsn't me who downvoted, но обычно используя '! Important' - это плохая практика ... http: //css-tricks.com/when-using-important-is-the-right-choice/ – stackErr

+0

Да, конечно, но если вы используете что-то, где 1. вы не можете определить, откуда приходит код, и 2. уже генерирует тег '! important' .... я не вижу, как плохая практика (для которой я большой сторонник) играйте здесь. Блейн хочет решения, вот оно. – jmore009

0

Я думаю, есть проблема с неявными единицами.

Корректировать bower_components/foundation/scss/foundation/components/_top-bar.scss файл из

padding-#{$opposite-direction}: $topbar-link-padding + 20 !important; 

в

padding-#{$opposite-direction}: $topbar-link-padding + rem-calc(20) !important; 

В Фонд commit 94312727c2dc18016bef51527e9913975612822b это в строке 517.

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