Foundation: путаница с переменной $medium-screen и _grid-5.scss

Я использую Zurb Foundation Sass версии 4.3 и только пару дней назад начал использовать фреймворк, поэтому прошу прощения за невежество.

В настоящее время я полагаюсь на переменные медиа-запроса $small и $large, а также на имена классов small- и large- для изменения макета моего сайта в разных измерениях.

Мое текущее понимание:

• "маленький" означает все, что ниже значения $small-screen (например, @media only screen).
• "большой" означает все, что превышает значение $small-screen (например, @media #{$small}).

Теперь я думаю, что при использовании файла компонента _grid-5.scss, чтобы дать мне medium- имен классов, он будет использовать значение $medium (например, @media #{$media}) и изменить значение слова "большой"

Я ожидаю, что он изменится на:

• "маленький" означает все, что ниже значения $small-screen (например, @media only screen).
• «средний» означает все, что превышает значение $small-screen (например, @media #{$small}).
• "большой" означает все, что превышает значение $medium-screen (например, @media #{$medium}).

Но между переменной $medium и именами классов medium- нет никакой связи! На самом деле параметры медиа-запроса жестко закодированы в _grid-5.scss.

Я действительно смущен здесь.

Если кто-то может ответить на следующие вопросы, было бы очень полезно:

• Почему нет связи между переменной $medium-screen и классами сетки medium-?
• Должен ли я импортировать компоненты _grid.scss и _grid-5.scss?
• Есть ли лучшая документация, описывающая правильное использование файла _grid-5.scss и как использовать переменные $small, $medium и $large?