फाउंडेशन 6 एसएएसएस के साथ गटर चौड़ाई बदलें - ज़र्ब-फाउंडेशन

मैं ग्रिड-एक्सवाई सिस्टम का उपयोग कर रहा हूं और मैं कोशिश कर रहा हूंमेरी सेटिंग्स.scss फ़ाइल के साथ फाउंडेशन 6 की गटर चौड़ाई को बदलने के लिए, लेकिन मुझे कोई भाग्य नहीं है। मेरा अंतिम लक्ष्य है कि मेरी कोशिकाओं के बीच गटर 15px की बजाय 20px चौड़ा हो। मैंने किसी भी वैरिएबल को बदलने की कोशिश की जिसे मैं सोच सकता था या मेरे शोध में खोजें। नीचे मैंने कोशिश की गई चर की एक सूची है।

$grid-column-gutter: (
small: 30px,
medium: 45px,
);
$column-gutter: rem-calc(20);
$gutters: rem-calc(20);
$gutter: rem-calc(20);
$grid-margin-gutters:  rem-calc(20);

मुझे यकीन है कि मेरा _settings.scss काम कर रहा है क्योंकि मैं $ वैश्विक चौड़ाई को बदलने में सक्षम था और इसका असर पड़ा।

यहां HTML है जिसका मैं उपयोग कर रहा हूं

<div class="grid-x grid-padding-x grid-container">
<div class="cell large-4 medium-6 small-12">
<h2>Test</h2>
</div>
<div class="cell large-4 medium-6 small-12">
<h2>Test 2</h2>
</div>
<div class="cell large-4 medium-6 small-12">
<h2>Test 3</h2>
</div>
<div class="cell large-4 medium-6 small-12">
<h2>Test 4</h2>
</div>
<div class="cell large-4 medium-6 small-12">
<h2>Test 5</h2>
</div>
<div class="cell large-4 medium-6 small-12">
<h2>Test 6</h2>
</div>
</div>

ग्रिड-एक्सई कोशिकाओं के बीच आप डिफ़ॉल्ट पैडिंग चौड़ाई कैसे बदलते हैं?

उत्तर:

जवाब के लिए 0 № 1

बाहर निकलता है मैं सही चर का उपयोग नहीं कर रहा था

$grid-padding-gutters: 40px;
$grid-margin-gutters: 40px;

काम


संबंधित सवाल
सबसे लोकप्रिय