एनटी-चाइल्ड चयनकर्ताओं को Family.scss मिक्सिंस के साथ स्वचालित करें
सास आधुनिक सीएसएस का प्रबंधन करने का सबसे अच्छा तरीका है और मिक्स लाइब्रेरी विकास चक्र के दौरान और भी अधिक समय बचा सकता है.
ये मिश्रण जैसे काम करते हैं स्वचालित कोड या फ़ंक्शन जिसे आप अपनी मुख्य Sass फाइलों में कहते हैं। कुछ मिश्रण अधिक सामान्य होते हैं जबकि अन्य बहुत विशिष्ट होते हैं जैसे कि Family.scss लाइब्रेरी.
यह मुफ्त पुस्तकालय प्रदान करता है 26 मिश्रण दौड़ने के लिए जटिल : N वें वाले बच्चे चयनकर्ताओं उस कोड को याद किए बिना.
ज्यादातर डेवलपर्स इसके बारे में जानते हैं : N वें वाले बच्चे चयनकर्ता और डिफ़ॉल्ट रूप से, यह निश्चित रूप से जटिल नहीं है। आप बस एक संख्यात्मक चयनकर्ता पास करें, उदाहरण के लिए : N वें वाले बच्चे (2) जहां संबंधित शैली नियम मूल तत्व के प्रत्येक दूसरे बच्चे पर लागू होते हैं.
हालाँकि, यह तब और अधिक जटिल हो सकता है जब आप चयन करना चाहते हैं गतिशील तत्व (जैसे पहले और अंतिम) या जब आप एक का चयन करना चाहते हैं तत्वों की छोटी मुट्ठी (जैसे पहले तीन बच्चे).
यह वह जगह है जहाँ Family.scss मदद कर सकता है। यह एक बहुत छोटी लाइब्रेरी है और इसमें बच्चे के चयनकर्ताओं के लिए 26 समाधान हैं बेसिक से लेकर सुपर कॉम्प्लेक्स तक. प्रत्येक मिश्रण में मुखपृष्ठ पर एक डेमो होता है, जिसे आप आवश्यकतानुसार ब्राउज़ और फ़िल्टर कर सकते हैं.
यहाँ कुछ हैं दिलचस्प उदाहरण यह दिखाने के लिए कि यह लाइब्रेरी क्या कर सकती है:
बाद पहले (5)- पहले 5 बच्चों के बाद सभी तत्वों का चयन करेंसे अंत (3)- 3 से अंतिम बाल तत्व का चयन करेंसभी लेकिन (3)- 3 को छोड़कर सभी बच्चों का चयन करेंसम-बीच (3, 12)- 3rd और 12th तत्वों के बीच भी सभी बच्चों का चयन करें
वहाँ दर्जनों आप के माध्यम से ब्राउज़ कर सकते हैं और वे आप काम कैसे वे कल्पना करने में मदद करने के लिए डेमो है.
कुछ उन्नत मिश्रण मात्रा प्रश्नों पर भरोसा करें तत्वों को चुनें जो हैं “कम से कम” या “ज्यादा से ज्यादा” एक निश्चित सीमा तक तय की गई। उदाहरण के लिए, आप सभी बच्चों को उन मूल तत्वों के लिए चुन सकते हैं जिनमें कम से कम 5 बच्चे (या अधिक) हैं.
उनके बारे में पढ़ते समय ये विचार भ्रामक हो सकते हैं लेकिन लाइव डेमो वास्तव में यह सब स्पष्ट क्रिस्टल बनाते हैं.
खुदाई करने के लिए, आप कर सकते हैं एक प्रति डाउनलोड करें इन सभी डेमो के साथ, GitHub रेपो से इस मिक्सिन लाइब्रेरी का। और, आप ट्विटर @LukyVJ पर प्रोजेक्ट के निर्माता के साथ अपने विचार या प्रश्न साझा कर सकते हैं.
