स्किन
स्किन
जब रंग और घनत्व तय हो जाते हैं, तब चीजें कैसे चित्रित की जाती हैं: कोने, गहराई, रेखाएँ। ये टोकन विषय के `त्वचा` अक्ष हैं - डिफ़ॉल्ट त्वचा वही है जो यह पृष्ठ दिखाता है, और दूसरी त्वचा एक और फ़ाइल है जो वही नाम सेट करती है, नीचे कुछ भी बदलने के बिना।
कोनों की गोलाई
कोई नहीं, फिर चार कदम प्रत्येक दो बार नीचे वाले के बराबर, फिर एक गोल आकार। दो कदम अलग होने पर यह स्केल पर कहीं भी एक समान दूरी है, जो इसे पढ़ने योग्य बनाता है। पहला कदम जानबूझकर बहुत कम है: यह वही है जो एक सपाट त्वचा चाहती है जब एक सही कोण अधूरा पढ़ा जाता है। अंतिम कदम से अधिक गोल कोई भी आकार एक गोलाकार बनना चाहता है और स्वयं कहता है - एक गोलाकार त्वचा का निर्णय नहीं है।
--radius-0
--radius-1
--radius-2
--radius-3
--radius-4
--radius-pill
कोनों की गोलाई की भूमिकाएँ
एक आकार कभी भी ऊपर के स्केल को नहीं पढ़ता: यह उस भूमिका को पढ़ता है जो यह निभाता है, और त्वचा बताती है कि वह भूमिका कौन सा कदम प्राप्त करती है - कभी भी यह नहीं बताती कि एक कदम की क्या कीमत है, जो स्केल को एक साथ दो चीजें मतलब बनाती। जो कुछ भी पकड़े हुए है वह एक बॉक्स है, चाहे वह टेक्स्ट, सामग्री या संदेश को पकड़े; जो एक पृष्ठ के दो क्षेत्रों को अलग करता है वह न तो है, और न ही कुछ गोल करता है। त्वचा को `मुलायम` पर स्विच करें और देखें कि एक नियंत्रण बाकी से कैसे अलग होता है: एक कैप्सूल कुछ एक लाइन ऊँचा है और एक टेक्स्टएरिया के लिए बेतुका है।
--radius-control
एक लाइन ऊँचा, और दबाया हुआ
--radius-box
कुछ पकड़े हुए
--radius-media
तस्वीरें और आंकड़े
--radius-pill
जो कैप्सूल के रूप में पढ़ा जाता है
छायाएँ
चार गहराइयाँ, एक बाल रेखा उठाने से लेकर एक तैरती पैनल तक। एक त्वचा जो एक सपाट दुनिया चाहती है, सभी चार को कोई नहीं सेट करती है और हर उठी हुई सतह उसका पालन करती है।
--shadow-1
--shadow-2
--shadow-3
--shadow-4
सीमाएँ
रेखा स्वयं - इसकी चौड़ाई और इसकी शैली। इसका रंग यहाँ नहीं है: वह रंग योजना से संबंधित है, जो एक त्वचा को बिना यह जाने कि इसका रंग क्या होगा, एक रेखा हटाने की अनुमति देती है।
--border-discreet
--border-default
--border-focus
--border-placeholder
सेपरेटर और क्षेत्र
दो रेखाएँ जो चीजों को अलग करती हैं: एक चीज की दो पंक्तियों के बीच, और एक पृष्ठ के दो क्षेत्रों के बीच। बीस-odd आकार पहले को पढ़ते हैं, यही कारण है कि यह एक टोकन है और कोई नियम नहीं।
--border-separator — अन्य के बीच एक पंक्तिअन्य के बीच एक पंक्ति
अन्य के बीच एक पंक्ति
--border-region — पृष्ठ का एक क्षेत्र, इस प्रकार की सीमा में