फाउंडेशन 5 पर, $ सीएसएस-एचटीएमएल-कक्षाओं को झूठी में सेट करके कौन सी सीएसएस उत्पन्न होती है? - ज़र्ब-फाउंडेशन

निर्दिष्ट करना $include-html-classes सेवा मेरे false और उसके बाद फाउंडेशन 5 को अपनी सैस फ़ाइल में अभी भी आयात करना सीएसएस का एक गुच्छा उत्पन्न करता है। ऐसा लगता है कि इसमें से कुछ संस्करण की जानकारी के लिए मेटा सामान है, लेकिन कुछ ऐसा एचटीएमएल कक्षाओं की तरह दिखता है। मैंने सोचा था कि इस चर का उपयोग करने का पूरा बिंदु HTML कक्षाओं को हटाना था?

यहां मेरी एससीएसएस फ़ाइल है:

@import "../foundation/settings";
$include-html-classes: false;
@import "foundation";

यह फाउंडेशन 4 में कोई समस्या नहीं थी। ये शैलियों क्या हैं और मैं कैसे छुटकारा पा सकता हूं?

उत्तर:

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

ऐसा लगता है कि यह एक बग है जहां नया हैप्रस्तुति वर्गों को सशर्त के ऊपर जोड़ा गया है। चूंकि आप सवाल करते हैं कि इसे कैसे ठीक किया जाए, यहां प्रक्रिया है यदि आप आधिकारिक तौर पर तय होने तक प्रतीक्षा नहीं करना चाहते हैं।

अपने एसएसएस को एक अलग निर्देशिका में ले जाएं या फाउंडेशन बॉवर रेपो को फोर्क करें।

नई फ़ाइलों को इंगित करने के लिए अपनी config.rb (पंक्ति 2) अपडेट करें, यह आपकी प्रोजेक्ट निर्देशिका से संबंधित है

# Require any additional compass plugins here.
add_import_path "some_other_directory/foundation/scss"

फिर आपको प्रस्तुति वर्गों को उत्पन्न करने वाली प्रत्येक फ़ाइल को संशोधित करने की आवश्यकता होगी। सौभाग्य से कम्पास / सास हमें देखने के लिए सही जगह देता है।

/* line 259, ../bower_components/foundation/scss/foundation/components/_global.scss */
meta.foundation-version {
font-family: "/5.1.0/";
}

लाइन 2 9 6 पर आप सशर्त रेखा देखेंगे:

@if $include-html-global-classes {

और उन सभी वर्गों को जो ऊपर से जोड़ा गया है।

आपको इस लाइन को 260 पर ले जाने की आवश्यकता होगी और यह निम्न की तरह दिखना चाहिए।

@include exports("global") {

@if $include-html-global-classes {

meta.foundation-version {
font-family: "/5.1.0/";
}

चूंकि यह एसएसएस है, इसलिए आप मिलान करने के लिए इंडेंटेशन को छोड़ या सही कर सकते हैं।

आपको प्रत्येक फ़ाइल के लिए दोहराना होगा जो कम्पास के साथ सीएसएस उत्पन्न करता है। यदि आप कंपास घड़ी चला रहे हैं, तो आप प्रत्येक सुधार के बाद अपनी स्टाइलशीट / app.css को चेक या पुनः लोड कर सकते हैं।


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