2014-03-13 23 views
1

我有一個圖像矩陣。每排2張圖像,其中一張寬度爲1/3,另一張2/3寬度,二者之間爲排水溝。所有圖像具有完全相同的高度。但是,如果在某些視口處縮小視口寬度,則2/3圖像的高度會比1/3圖​​像小。我懷疑這是由於我在這種特殊情況下使用的默認裝訂格式。在所有其他情況下,它表現良好,但也許在這裏它是問題的根源。是否可以在特定的上下文中重寫裝訂樣式以獲得固定的裝訂線?

我的網格設置爲:

$grids: 6; 
$grids: add-grid(9 at 675px); 
$grids: add-grid(12 at 850px); 
$grids: add-grid(15 at 1075px); 
$grids: add-grid(18 at 1200px); 
$gutters: 1/3; 
$output:'isolation'; 

和CSS的樣品部分看起來是這樣(我有3個以上的開關基線包括):

@include switch-baseline($baseline850, $vr-850...) { 
    &:nth-child(4n+1) { 
     @include isolation-span(4, 1, 'right', $gutter:.5); 
    } 
    &:nth-child(4n+4) { 
     @include isolation-span(4, 9, 'right'); 
    } 
    &:nth-child(4n+2) { 
     @include isolation-span(8, 5, 'right'); 
    } 
    &:nth-child(4n+3) { 
     @include isolation-span(8, 1, 'right', $gutter:.5); 
    } 
    &:last-child { 
     @include trailer(2); 
    } 
} 

現在的問題是,是否可以重寫單個混合或佈局上下文的默認網格設置?我已經嘗試了$ gutter-styles:在$ gutter:.5之後修復,並且將gutter-styles語句添加到佈局mixin中 - 都導致指南針錯誤。我正在使用奇點1.1.2。最好的問候ralf

回答

1

絕對!您可以將$gutter-style傳遞給您的grid-span呼叫,或者將$gutter-style傳遞給@layout mixin。請參閱文檔的Context Overrides部分。

+0

其實我已經看過上下文覆蓋部分之前,我已經在這裏發佈我的問題,但我只能找到$文本和示例中列出的$ grid,$ gutter和$ output-style - 沒有$ gutter的符號那裏。如果我在上下文覆蓋頁面上查找「gutter-st」,我甚至無法用cmd找到它。 :s – rpk

+0

我重新嘗試在grid-span,isolation-span和layout mixin中加入'''$ gutter-styles:'fixed'''',但所有的都返回了,mixin沒有參數命名爲$ gutter-styles。 – rpk

+0

''gutter-style'''也是未知的參數。 – rpk

相關問題