2015-02-18 13 views
6

'da sabit oluk ayarla Neat, her span-columns öğesinin kenar boşluğu olarak yüzdelerini kullanır, ancak outer-container genişliğinden bağımsız olarak sabit bir 30px oluk kullanmayı umuyorum.Bourbon Neat

enter image description here

+0

Aynı sorunu yaşıyorum ve şu ana kadar Neat kullanarak bunu nasıl yapacağını anlayamıyorum. –

cevap

4

bir çözüm Neat oluk geçersiz kılar kendi mixin oluşturmak olacaktır. Diğer span-columns özelliklerden bazılarını kullanmak gerekiyorsa

@mixin col-with-gutter($cols, $gutter){ 
    @include span-columns($cols); 
    margin-right: $gutter; 
} 

.half{ 
    @include col-with-gutter(2, 30px); 
} 

Açıkçası bazı ek özelleştirme yapmak zorunda kalacaktı. Sizin için en iyi neyin işe yaradığını anlamak için _span-columns.scss source'a bakmanızı öneririz.

Dürüst olmak gerekirse, bu işlevin yerleşik olmadığının bir nedeni olduğunu düşünüyorum. Çoğu durumda, oluğun 30px'a ayarlanması duyarlı bir tasarıma zarar verebilir (sütunların toplam genişliği büyük olasılıkla eklenmeyecektir) 100'e kadar%).

Tam olarak 30px numaralı telefonu istemek için geçerli bir nedeniniz olabilir, ancak kesin bir değere ihtiyacınız olduğundan emin değilseniz, yeniden değerlendirmek yararlı olabilir.

İlgili konular