基金會：混亂$中畫面變量和_grid-5.scss

Question

我使用Zurb基金會薩斯版本4.3，並剛剛開始使用該框架幾天前，所以我的無知道歉。

目前我靠$small和$large媒體查詢變量，以及在不同維度改變我的網站的佈局small-和large-類名。

我的當前理解：

• 「小」 是指低於$small-screen的任何有價值的東西（例如，@media only screen）
• 「大」 意味着什麼的$small-screen（例如，@media #{$small}）

值以上

現在我會想，當使用_grid-5.scss組件文件給我medium- classnames時，它會使用值$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變量？

Answer 1

感謝基金會框架郵件列表/谷歌組的DNFS，我現在已經澄清了這個問題。

回答我的問題：

Why is there no relationship between the $medium-screen variable and the medium- grid classes? 

這是一個錯誤，而最近已定：https://github.com/zurb/foundation/commit/ae4fa9027acfee0970683236fe3765580444a3ff

Should I be importing both _grid.scss and _grid-5.scss components? 

_grid-5.scss是_grid.scss完全替換（ -5後綴意味着它將成爲基金會5的一部分，目前是新網格系統的預發佈預覽版）

Google小組討論：https://groups.google.com/forum/#!topic/foundation-framework-/8kFzJtVUV7k