फाउंडेशन - टाइपोग्राफी हेल्पर्स

इस अध्याय में, हम इस बारे में अध्ययन करेंगे Typography Helpers। टाइपोग्राफी हेल्पर्स का उपयोग आपके पाठ को शब्दार्थ रूप से प्रासंगिक तरीकों से करने के लिए किया जाता है। फाउंडेशन में हेल्पर कक्षाएं आपको कुछ टाइपोग्राफिक शैलियों को जल्दी से आगे बढ़ाने देती हैं।

निम्न तालिका टाइपोग्राफी हेल्पर्स को सूचीबद्ध करती है , जिनका उपयोग फाउंडेशन में किया जाता है।

अनु क्रमांक।	टाइपोग्राफी सहायक और विवरण
1	पाठ्य संरेखण यह तत्व के पाठ संरेखण को बदलने में मदद करता है जैसे कि बाएं , दाएं , केंद्र और औचित्य ।
2	सबहेडर उप-शीर्षकों को .subheader वर्ग का उपयोग करके किसी भी शीर्ष लेख तत्व में जोड़ा जा सकता है ।
3	लीड पैरा यह सामान्य पाठ की तुलना में पाठ का काफी बड़ा ब्लॉक है, जिसका उपयोग विज्ञापन या अन्य वर्णनात्मक पाठ के लिए किया जा सकता है।
4	अन-बुलेटेड सूची डिफ़ॉल्ट रूप से, <ul> फाउंडेशन में एक बुलेटेड सूची है। गोलियों को हटाने के लिए, आप .no-बुलेट क्लास का उपयोग कर सकते हैं ।
5	आंकड़े जब भी आप डैशबोर्ड के साथ काम कर रहे होते हैं, तो आपको कुछ महत्वपूर्ण नंबरों को उजागर करने की आवश्यकता होती है। आप .stat वर्ग का उपयोग करके इसे प्राप्त कर सकते हैं ।

सैस संदर्भ

चर

निम्न तालिका प्रोजेक्ट की सेटिंग फ़ाइल में SASS चर को सूचीबद्ध करती है जो घटक की डिफ़ॉल्ट शैलियों को अनुकूलित करने के लिए बनाती है।

अनु क्रमांक।	नाम और विवरण	प्रकार	डिफ़ॉल्ट मान
1	$lead-font-size डिफ़ॉल्ट रूप से लीड पैराग्राफ के लिए फ़ॉन्ट आकार।	संख्या	$ वैश्विक-फ़ॉन्ट-आकार * 1.25
2	$lead-lineheight डिफ़ॉल्ट रूप से लीड पैराग्राफ के लिए लाइन ऊंचाई।	तार	1.6
3	$subheader-lineheight Subheader की डिफ़ॉल्ट पंक्ति ऊंचाई।	संख्या	1.4
4	$subheader-color Subheader का डिफ़ॉल्ट फ़ॉन्ट रंग।	रंग	$ काले ग्रे
5	$subheader-font-weight Subheader का डिफ़ॉल्ट फ़ॉन्ट वजन।	तार	$ वैश्विक वजन सामान्य से
6	$subheader-margin-top Subheader का डिफ़ॉल्ट शीर्ष मार्जिन।	संख्या	0.2rem
7	$subheader-margin-bottom Subheader का डिफ़ॉल्ट निचला मार्जिन।	संख्या	0.5rem
8	$stat-font-size स्थैतिक संख्या का डिफ़ॉल्ट फ़ॉन्ट आकार	संख्या	2.5rem