指南針/ sass中的嵌套列

我一直在研究指南針，雖然這是一件有趣的事情，玩和使用，有一件事困擾我（除了無法添加填充，因爲它破壞網格），我怎麼巢列？指南針/ sass中的嵌套列

我希望能夠做藍圖所做的事情：像容器一樣嵌套容器，我有一個分爲兩列（17列和7列）的24列頁面。在該頁面的右側部分（7列），我想將一些元素分成兩個（2列和5列）。

我嘗試這樣做：

#main 
    +container 

    #main-content 
    +column(17) 
    +box-padding(17, 10px) 
    :margin 
    :right 0 

    #sidebar 
    +column(7, true) 
    +box-padding(7, 10px)

這對主要頁面的代碼。側邊欄包含了一些標籤和輸入列表字段

li 
    +container 
    :margin 
    :bottom 5px 

label 
    +column(2) 
    :margin 
    :right 0 

input 
    +column(5, true)

它還挺作品，但檢查的螢火李表明，它的寬度實際上是950像素，而不是隻是270px，因爲它僅僅是7列。我試着用google搜索嵌套列，但我似乎無法在指南針中找到任何示例。我也試過維基和文檔無濟於事。

來源

2010-05-20 corroded

我認爲問題的一部分（也許是整個問題？）是，您已將container mixin應用於li。該mixin將寬度定義爲!blueprint_container_size的值，默認值爲950px（但可以重寫）。刪除，你應該沒問題。容器是爲了描繪整體，而不是整體的部分。

來源

2010-05-20 19:38:06

我實際上已經嘗試過它沒有容器混入，但這使得它更糟，因爲列不再工作。如果有mixin我應該使用，而不是+容器？ – corroded 2010-05-21 06:20:41

'+ container'是在'#main'上使用的正確mixin，但是由於它定義了body的整體寬度，它不屬於列表項。你可以更新你的問題，當你從你的'li'中移除mixin時會發生什麼？我有點惱火，它不適合你;我知道我以前用過這種方式。 – 2010-05-21 11:01:48

我繼續前進，只是使用浮動左和添加寬度到我的標籤和輸入字段，但即時消息也激怒了列mixin不工作。我很確定我會再次遇到這個問題，所以我會在一段時間內更新我的問題，並提出請求。 – corroded 2010-05-25 08:17:28

指南針/ sass中的嵌套列

回答

相關問題