प्रस्ताव:

1. सभी मार्कअप तत्वों में सेमेटिक कक्षाएं जोड़ें। (लेकिन अभी तक स्टाइल के लिए उपयोग न करें, प्रतिनिधित्वात्मक और पुस्तकालय कक्षाओं को मार्कअप में रखते हुए)।
2. स्टाइलशीट के भीतर शैलियों को सिमेंटिक कक्षाओं में ले जाएं (मिश्रण के माध्यम से या अधिमानतः @extend s )।
3. एकीकरण/स्वीकृति परीक्षणों के मामले में, उन्हें सिमेंटिक कक्षाओं में अपडेट करें।
4. मार्कअप से प्रतिनिधित्वात्मक और पुस्तकालय वर्गों को हटा दें।

इन चरणों के दौरान पृष्ठ का स्वरूप बिल्कुल भी नहीं बदलना चाहिए। PhantomCSS के लिए उपयोग का मामला हो सकता है।

समाप्त होने पर, कस्टम सीएसएस स्टाइल के लिए सिमेंटिक कक्षाओं को एपीआई के रूप में उपयोग किया जा सकता है।

सीएसएस कक्षाओं पर नोट्स:

मैं _ मॉड्यूलर सीएसएस क्लास नेम के लिए सरल नामकरण _ पर आधारित सामान के साथ खेल रहा हूं और अधिकांश तत्वों को view--component--element जैसे तीन बिंदु पहचानकर्ता देने पर बस गया हूं।

डबल डैश का उपयोग करते हुए पहली बार में भौंहें उठाती हैं, ये कक्षाएं न केवल स्टाइल के लिए एक हवा रही हैं, बल्कि इसके लिए परीक्षण लिखने के लिए भी हैं।

मैं पहले चरण के लिए पीआर भेजने की कोशिश करूंगा।

@wwebfor मैं ऐप को स्थानीय रूप से कैसे शुरू करूं? grunt serve इसे आउटपुट करता है:

@filtercake , आपको घुरघुराना कार्य के साथ कम फ़ाइल संकलित करनी चाहिए: घुरघुराना कम

संबंधित मुद्दों:

226 अनुरोध: रात मोड

421 डार्क थीम