Основы Top-bar Навигационные стили

Question

Как я могу переопределить стили по умолчанию для верхнего бара, nav-bar и т. Д.?

PS: Я прочитал документы Фонда, о верхней панели, и у меня есть 2 SASS, но у меня нет подсказки, как это сделать.

Спасибо!

Answer 1

Версия SASS поставляется с файлом настроек (_settings.scss или _settings.sass), где вы можете настроить цвета и точки останова для всей библиотеки Foundation.

Верхние элементы панели находятся в нижней части файла. Просто раскомментируйте и измените строку с переменной, которую вы хотите изменить.

Answer 2

Я создал таблицу стилей .app и прикрепил ее как внешнюю таблицу стилей. В таблице стилей я создал,

.top-bar { 

background: whatever color; 

} 

.top-bar-section li a:not(.button) 
{ 
background: whatever color; 
} 

Я все еще изучаю Фонд и как манипулировать элементами. Я бы использовал инструмент проверки в Google Chrome, чтобы определить элементы, которые нужно добавить в таблицу стилей.

Answer 3

попробовать это в пользовательском файле CSS ::

.top-bar-section li a:not(.button) { 
    background:black; 
    color: white; 
    } 

.top-bar-section li a:not(.button):hover { 
    background:red; 
    color: white; 
    }