/ / एसएएसएस - ज़र्ब-फाउंडेशन, ज़र्ब-फाउंडेशन -6 के साथ फाउंडेशन 6 में अधिकतम पंक्ति चौड़ाई कैसे बदलें

एसएएसएस - ज़र्ब-फाउंडेशन, ज़र्ब-फाउंडेशन -6 के साथ फाउंडेशन 6 में अधिकतम पंक्ति चौड़ाई कैसे बदलें

मैं अधिकतम पंक्ति चौड़ाई को बदलने का प्रयास कर रहा हूं1200 पीएक्स से 1560 पीएक्स तक हालांकि मुझे ऐसा करने में परेशानी हो रही है। मैं एसएएसएस का संकलन करने के लिए उपयोग कर रहा हूं। मैं मान रहा हूं कि सेटिंग.scss फ़ाइल में सेटिंग्स को बदलने की जरूरत है, हालांकि मेरे द्वारा किए गए किसी भी बदलाव की पंक्ति चौड़ाई पर कोई प्रभाव नहीं पड़ता है।

मैंने यहां ब्रेकपॉइंट्स वैरिएबल देखा

$breakpoints: (
small: 0,
medium: 1200px,
large: 1560px,
xlarge: 1440px,
xxlarge: 1440px,
);

वहां मैंने बड़ा बदल दिया: 1200 पीएक्स से 1560 पीएक्स तक और दूसरे ब्रेकपॉइंट्स को भी बदल दिया।

मैंने यहां $ वैश्विक-चौड़ाई भी बदल दी है

$global-width: rem-calc(1560);

इनमें से कोई भी कोई प्रभाव नहीं लग रहा था। मैंने सुनिश्चित किया कि यह मेरी main.scss फ़ाइल में शामिल किया गया था।

@import "vendors/foundation/settings";
@import "base/colors";
@import "base/global";
@import "base/typography";

मेरा फ़ोल्डर संरचना है

-_main.scss
-base
-_colors.scss
-_global.scss
-_typography.scss
-vendors
-foundation
-_settings.scss

इसके अलावा मैंने दोबारा जांच की और अन्य सभी स्कैस फाइलों के प्रभाव ठीक काम कर रहे हैं। मुझे कोई त्रुटि नहीं मिल रही है।

अद्यतन: मैंने यह भी सुनिश्चित किया है कि मेरे मूल नींव के बाद सेटिंग आयात हुआ

@import "../bower_components/foundation-sites/scss/util/util";
@import "../bower_components/foundation-sites/scss/foundation.scss";
@include foundation-global-styles;
@include foundation-grid;

सब मेरे बाकी आयात से पहले होते हैं।

फाउंडेशन 6 में एसएएसएस में अधिकतम चौड़ाई या पंक्तियों / ब्रेकपॉइंट्स को आप कैसे बदलते हैं

अद्यतन: मैंने एक टेस्ट वैरिएबल भी जोड़ा

$testcolor: #523432;

और इसे आधार / रंगों में कहीं और इस्तेमाल किया

* { border: 1px solid $testcolor;}

और यह ठीक काम करता है।

उत्तर:

उत्तर № 1 के लिए 1

मेरे द्वारा आयात किए गए आदेश के साथ इसे करना पड़ता है। _Settings.scss फ़ाइल को बेस _foundation.scss फ़ाइल से पहले आयात करने की आवश्यकता है।