Основа: объркване относно променливата $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?