Изменение контрольных точек в базе

Question

эй. У меня проблемы с изменением точек останова для верхней навигации, где она переключается в выпадающее меню.

Это мой первый проект с Foundation 4.0. Я нашел это

* Transitions and breakpoint styles */ 
$topbar-transition-speed: 300ms; 
$topbar-breakpoint: emCalc(940); /* Change to 9999px for always mobile layout */ 
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; 

Но я не уверен, как реализовать. Я еще не использовал Sacss .. в конце концов. ,

Answer 1

Вы, кажется, используете старую версию Фонда. Современная версия имеет !default флаг в его объявлении переменных: https://github.com/zurb/foundation/blob/210d58068b70112e6b5cbb133e6d70cbab70efe2/scss/foundation/components/_top-bar.scss#L54

флаг !default позволяет переопределить переменные, установив их перед импортом библиотеки:

$topbar-breakpoint: 400px; 
@import "foundation"; 

Результат:

@media only screen and (min-width: 400px) { 
    .top-bar { 
    /* … */ 
    } 
    /* … */ 
}