2014-02-24 37 views
1

我想使用「column-span」函數來返回網格列的寬度,但是在這個函數中沒有包含特定的網格,使用全局的「網格」變量。列跨度函數,如何返回當前網格中列的寬度不是全局的?

正如我創建一個移動的第一個設計,全局網格變量設置爲4,但使用斷點,使用「添加網格」,div應該包括在這個特定的網格16列。列跨度忽略這一點,所以它返回的列如果電網爲4列,而不是16

+0

你可以在http://sassmeister.com/中重新創建嗎?請注意,它使用的是Singularity 1.2的代碼,它將'$ grids:add-grid()'更改爲'@include add-grid()',用於所有項目,包括起始網格。 – Snugug

+0

在這裏,我盡我所能以最簡單的方式重新創建了這個想法:[link](http://sassmeister.com/gist/9198641) – Mamoun

回答

1

於是方式add-*作品奇異的是,而不是自動爲您編寫不同的代碼,它改變了默認的內部時,匹配breakpoint媒體查詢。奇點不會自動爲您寫出所有更改的原因是它無法知道您希望如何在不同的網格定義之間進行更改,而不是猜測和混亂的事情,它需要您準確指定希望事情改變。

我有updated your link顯示如何調用column-span再次在合適的breakpoint mixin中確實使用您定義的默認值。

+1

這真的很簡單,真的讓我明白事物是如何在奇點中工作的更好,謝謝。 – Mamoun

+0

不客氣。我意識到這個答案對於「匹配斷點媒體查詢」有點模糊。媒體查詢不需要完全相同,只需要落入預期結果的內部,因此'@include add-grid(5以400px)'將用於'@include breakpoint(423px){} '因爲它與'min-width'匹配。 – Snugug

相關問題