मंचों के दाईं ओर मॉड्यूल की एक श्रृंखला है। "मॉड्यूल" नेत्रहीन, "मॉड्यूल" कोड में शाब्दिक रूप से, और "मॉड्यूल" उस सामग्री में जिसमें वे संबंधित समूह हैं, अन्य मॉड्यूल में सामग्री से अलग / अलग है।
पहले जिस पर हम नज़र डालते हैं, वह श्रेणियाँ मॉड्यूल है। वेनिला फ़ोरम शाब्दिक रूप से "मॉड्यूल" नामक एक फ़ोल्डर में रखता है, जो अच्छा है। यह विशेष रूप से, जैसा कि आप अनुमान लगा सकते हैं, वह है "श्रेणियाँ.php"।
हम उस स्थान को ढूंढते हैं जहां शीर्षक आउटपुट है, इसे एक वर्ग दें, और स्टाइल शुरू करें। हम इस शीर्षक के लिए उपयुक्त है, लेकिन हर एक के लिए उपयुक्त नहीं है
वहाँ से बाहर।
फिर कंटेनर को स्टाइल करने के लिए आगे बढ़ें। मॉड्यूल वनिला फ़ोरम के अंदर "बॉक्स" का एक वर्ग नाम रखते हैं। हमारा मॉड्यूल HTML वर्ग "मॉड्यूल" है। हम वेनिला में हर एक मॉड्यूल को खोजने और अपनी कक्षा को जोड़ने की लड़ाई शुरू कर सकते हैं। कुछ दिन मुझे उस चुनौती का अहसास होता है और कुछ दिनों में मैं कहता हूं कि "अधिक होशियार बनो, कठिन नहीं।" आज हम होशियार काम करेंगे। हम Sass में एक प्लेसहोल्डर चयनकर्ता बना देंगे जिसमें एक मॉड्यूल की शैली है, लेकिन हमारे मौजूदा .moduleवर्ग को फिर से बनाए बिना ।
%fake-module ( background: white; padding: $padding; clear: both; box-shadow: 0 0 5px rgba(black, 0.2); margin: 0 0 $padding 0; position: relative; )प्लेसहोल्डर चयनकर्ता किसी भी सीएसएस का उत्पादन स्वयं नहीं करते हैं। लेकिन वे @extend-ed हो सकते हैं । तो अब हम बस कर सकते हैं सभी वेनिला शैली के बक्से हमारे मॉड्यूल स्टाइल है।
.Box ( @extend %fake-module; )हम सीखते हैं कि whiteSmokeयह एक भयानक रंग है।
वेनिला ने हमें श्रेणियों की सूची के लिए जो मार्कअप दिया है, वह हमें "सक्रिय" वर्ग देता है, इसलिए हम शैली को थोड़ा बदल सकते हैं और यह स्पष्ट कर सकते हैं कि उपयोगकर्ता किस श्रेणी पर है (चूंकि यह मॉड्यूल बहुत सारे पृष्ठों पर है, होम पेज और श्रेणी पृष्ठों में शामिल हैं)।
हम एक छोटी सी चीज़ में भाग लेते हैं, जहां - $ चर का उपयोग सही नहीं था, हमें इसके बजाय - # ($ चर) करना था। बस उन चीजों में से एक है जो सास या रूबी या जो कुछ भी है।
लगभग 10:30 बजे, मैं इस सिद्धांत को समझाता हूं कि सीएसएस त्रिकोण कैसे काम करते हैं। हम सक्रिय वर्ग के बाईं ओर एक त्रिकोण का उपयोग करने पर विचार कर रहे हैं, क्योंकि हमारे वायरफ्रेम डॉट।
हम उपयोगकर्ताओं को श्रेणी कितनी बड़ी है, यह समझने के लिए दाईं ओर थ्रेड्स की संख्या की स्थिति के अनुसार समाप्त करते हैं।