2016-03-21 47 views
0

i oluşturduk bu Kod Kalem demo bir göz varsa: dış ızgara yarım sütun olmak http://codepen.io/rctneil/pen/aNJjePSusy iç içe bağlamlar

nasıl hem <aside> ve <section> üzerine dolgu almak için Susy kullanabilirsiniz ? Susy'nin nested karışımını kullanmayı denedim, ancak dolgu doğru değil ve bir sütunun yarısından daha küçük.

Herhangi bir fikrin var mı?

cevap

0

Ondalık aralıklarla bir hata var gibi görünüyor (span(0.5)). Buna bakacağım. Şimdilik en basit çözüm, padding: span(1)/2 (bir sütunu manuel olarak bölme) kullanmaktır. Bu nested karışımlarına ihtiyacınız yok - hiçbir şey yapmıyorlar.

+0

Ok teşekkürler! İç içe geçmiş karışıma hangi şartlarda ihtiyacım var? Yani: yuvalanmış yerlerde öğeleri bir dış ızgaraya hizalamak için kullanılabilir mi? – rctneil

+0

Ör: Bu senaryoda: http://codepen.io/rctneil/pen/oxWgpX Bir ve iki arasındaki boşluk, dış kılavuzdaki kenar boşluklarını nasıl alır? – rctneil

+0

Susy ızgaraları geçici. Belirli bir ayar kombinasyonunun dışında gerçek bir şekilde mevcut değiller. Bu ayarlar, global olarak "$ susy" haritasında, ya da herhangi bir belirli karışım veya işlev için argüman olarak yerel olarak değiştirilebilir. 'Yuvalanmış' ve 'şema düzeni' blokları, bir kod bloğu için geçici olarak global değişkenleri değiştirerek bir uzlaşma sağlar. Herhangi bir nedenle, ızgara ayarlarının farklı olmasını istediğiniz her yerde kullanabilirsiniz. Semantik olarak, "iç içe", "Küresel ızgarada 12 sütun olabilir, ancak şu anda 6 sütunlu bir elemanın içinde yer alıyoruz" demektedir. –