2014-10-28 10 views
6

जब मैं SUSY का उपयोग ग्रिड बनाता हूं तो मुझे कोई समस्या आई। मैं निम्नलिखित रैपर वर्ग सेट करता हूं:संदिग्ध - इसे पूर्ण चौड़ाई कैसे बनाएं (कोई गटर नहीं)?

$susy: (
    math: fluid, 
    columns: 12, 
    gutters: 0.25, 
    gutter-position: split, 
); 

समस्या रैपर के अंदर बाल तत्व है। यदि कभी-कभी मैं पूर्ण कॉलम बनाना चाहता हूं तो मैं यह

@include span(full); 

लेकिन यह पूर्ण नहीं है, इसमें गटर अंतर है। और मैं एक और

@include span(full no-gutters); 

यह तत्व को कोई गटर नहीं बनाता है लेकिन यह अभी भी गटर चौड़ाई छोड़ देता है।

मैं इसे कैसे पूरा कर सकता हूं (कोई गटर नहीं)? केवल कुछ तत्व के लिए।

धन्यवाद Chalat

उत्तर

11

ब्लॉक स्तर तत्वों डिफ़ॉल्ट रूप से पूर्ण-चौड़ाई कर रहे हैं, आपको लगता है कि किसी भी mixin जरूरत नहीं है। यदि आप पिछले सूसी मिश्रण को ओवरराइड कर रहे हैं, तो आप केवल width: 100% का उपयोग कर सकते हैं। या आप जो तत्व चाहते हैं उसे बनाने के लिए inside no-gutters का उपयोग करने के लिए आप इस तत्व को बदल सकते हैं।

@include span(full inside no-gutters); 

ऐसा इसलिए है क्योंकि अंदर-गटर से निपटने काम करता है split के रूप में ही है, लेकिन तत्व बाहरी चौड़ाई या स्तंभों + गटर को पार करने वाली है।

संबंधित मुद्दे