Milligram: शीर्षक के आकार को समायोजन की आवश्यकता है।

कहना है कि मैं सहमत हूं। AVID फ्रेमवर्क का उपयोगकर्ता लेकिन हेडर वांछित होने के लिए कुछ छोड़ देता है।

हाय @garretwilson @nateberkopec

अच्छा मुद्दा, दोस्तों! मैं यह देखने के लिए कुछ परीक्षण करूंगा कि हम इसे कैसे सुधार सकते हैं। इसके बारे में आपके पास कोई सुझाव है?

BTW, मैं आपके साथ एक नई सुविधा साझा करना चाहता हूं जिसे हाल ही में फ्रेमवर्क की गुणवत्ता सुनिश्चित करने के लिए जोड़ा गया है। यह किसी भी परिवर्तन का विश्लेषण और रिपोर्ट करता है जो ढांचे में किए जाते हैं। यदि कोई विवरण है जो किसी का ध्यान नहीं जा रहा है तो उसे पुराने संस्करण के साथ तुलना करने के बाद पहचाना जाएगा। यह दृश्य प्रतिगमन परीक्षण है और इसे अगले संस्करणों के दृश्य सुधार में मदद करनी चाहिए।

@cjpatoilo पारंपरिक टाइपोग्राफिक स्केल यहाँ और यहाँ कवर किया गया है

मुझे लगता है कि यहाँ मुख्य समस्या यह है कि h1 और h2 के लिए पैमाने का पालन नहीं किया जाता है - उन्हें बड़ा होने की आवश्यकता है।

उन संसाधनों के आधार पर, यहां एक सुझाव दिया गया है:

h1
    font-size: 6.0rem

h2
    font-size: 4.8rem

h3
    font-size: 3.6rem

h4
    font-size: 2.4rem

h5
    font-size: 2.1rem

h6
    font-size: 1.8rem

अगर मैं उन चीजों को पसंद करता हूं जो बड़ी हैं तो मैं अनिर्दिष्ट हूं। लेकिन वैसे भी मैं अभी भी h2 और h3 के बीच का अंतर नहीं बता सकता। मुझे लगता है कि उन्हें तेजी से आकार में कमी करने की आवश्यकता है।

शायद विचारों के लिए यहां देखें:

• https://www.w3.org/StyleSheets/Core/stylebot.html?family=8&doc=Slpler
• http://materializecss.com/typography.html#headers
• http://www.blueprintcss.org/tests/parts/elements.html

यदि आप एक बड़े बॉडी टाइप साइज (जैसे मिलिग्राम 16px पर चाहते हैं) चाहते हैं, तो h1 शायद बहुत बड़ा होने वाला है। बस टाइपोग्राफी कैसे काम करती है। आपके पास छोटे हेडर और बड़े बॉडी टेक्स्ट नहीं हो सकते हैं, 5 विभिन्न हेडर साइज़ को बहुत कम रेंज में क्रैम करने की कोशिश करने का मतलब है कि आप हेडर को अलग नहीं कर सकते (जैसे अब)। मिलिग्राम को या तो इसे बॉडी टेक्स्ट छोटा बनाना है (मैं इसके पक्ष में नहीं हूं) या इसे हेडर बड़ा बनाना है।

टाइपोग्राफिक पैमानों के साथ खिलवाड़ करने का एक और उपकरण यहां दिया गया है ।

यदि आप H6 के शरीर की नकल के समान आकार के साथ ठीक हैं, तो यहां एक विकल्प है:

h1
    font-size: 4.8rem

h2
    font-size: 3.6rem

h3
    font-size: 2.4rem

h4
    font-size: 2.1rem

h5
    font-size: 1.8rem

h6
    font-size: 1.6rem

यदि आप शरीर की नकल के समान H6 के आकार के साथ ठीक हैं ...

मैंने उनमें से पहले तीन को आज़माया, और मुझे वे बहुत अच्छे लगे !! और मैं H6 के साथ शरीर के समान आकार वाला ठीक हूं। मैं आपको केवल H6 को डिफ़ॉल्ट रूप से बोल्ड या कुछ और बनाने की सलाह देता हूं। लेकिन अगर तुम नहीं भी, मैं व्यक्तिगत रूप से वैसे भी H6 के लिए नीचे जाना होगा।

मोबाइल फ़ॉन्ट आकार को भी ठीक करने की आवश्यकता होगी - वे अब तक उपयोग करने के लिए समान हैं। मैं केवल मोबाइल के लिए समान पैमाने का उपयोग करने की सलाह दूंगा।

तो क्या यह जल्द ही किसी भी समय एक नई रिलीज़ में जाना है?

इसलिए मुझे लगता है कि यह v1.2.2 में नहीं मिला। कोई भी कारण क्यों? क्या मुझे एक पुल अनुरोध करने की आवश्यकता है?

हाय @garretwilson @nateberkopec अच्छा काम। यह मेरे लिए बहुत मायने रखता है ♥

चर्चा खुली है! यह ढांचा एक खुला स्रोत परियोजना है और कोई भी इसमें योगदान दे सकता है। मुझे आशा है कि अधिक लोगों की रुचि और योगदान वैसा ही होगा जैसा आप करते हैं। मैं यहाँ पर बात की गई हर चीज़ पर जाऊंगा और जल्द से जल्द इस पर काम करूँगा।

अरे @garretwilson npm install .. और चिल!

अरे @garretwilson npm स्थापित

क्या आप स्पष्ट कर सकते हैं कि आपका क्या मतलब है? मैंने साइट से v1.2.2 डाउनलोड किया और यह शामिल नहीं हुआ। क्या आप कह रहे हैं कि "npm install" मुझे कुछ और देगा जो हाल ही में रिलीज़ नहीं हुआ है? क्या यह संस्करण v1.2.3 है? मैं एक कंप्यूटर की तरह हूं, आसानी से भ्रमित हो जाता हूं जब तक कि आप इसे मेरे लिए नहीं बताते।

..आराम करो!

मैं सिर्फ स्थिति पर जाँच कर रहा था क्योंकि मैं स्पष्ट नहीं था कि यह शेड्यूल किया गया था या जारी किया गया था या क्या। मैं यह भी स्पष्ट करने की कोशिश कर रहा था कि मैं मदद करने की पेशकश कर रहा हूं, लेकिन मुझे यकीन नहीं था कि किसी ने पहले ही ऐसा कर लिया है। मुझे बताएं कि मैं कैसे मदद कर सकता हूं।

@nateberkopec 5.0rem (50px) पर मौजूदा h1 नहीं है? क्या आप यह सुझाव दे रहे हैं कि हम इसे घटाते हैं? 4.8rem करने के लिए?

@sudheerDev मैं एक टाइपोग्राफर नहीं हूं, मुझे बस पता है कि मैंने इंटरनेट पर क्या पढ़ा है। यदि आप टाइपोग्राफिक पैमानों के बारे में ऊपर दिए गए लिंक को पढ़ेंगे, तो आप देखेंगे कि यह 5 के बजाय 4.8 क्यों है (मूल रूप से - हेडर आकारों के बीच अंतर एक पैटर्न का अनुसरण करता है)।

@nateberkopec समझ गया। मैं इसके लिए एक पीआर दूंगा। देखते हैं कि वे कैसे दिखते हैं

PR के लिए

@garretwilson @nateberkopec @sudheerDev अंत में मैं इन योगदानों के साथ नया संस्करण लॉन्च करने में सक्षम था। मैंने मुख्य फ्रेमवर्क के आधार पर हेडिंग साइज़ की खोज की और आखिरकार जो अनुरोध किया गया था, उसकी अधिक पर्याप्त स्थिति में आया। मुझे आशा है की आप इसे पसंद करेंगे!

शीर्षक आकार बहुत अधिक समझ में आता है, अब, धन्यवाद।