स्पेसिंग स्केल जनरेटर

इस टूल के बारे में

Spacing Scale Generator 4, 5, 6 या 8 px base unit से 12, 16 या 20 steps में spacing system बनाता है और उसे px या rem में CSS custom properties के रूप में export करता है।

इस्तेमाल कैसे करें

1. 4 px या 8 px जैसी कोई base unit चुनें।
2. px या rem आउटपुट चुनें।
3. चुनें कि आपको कितने steps चाहिए।
4. स्केल को अपनी stylesheet में जोड़ने के लिए Copy CSS Variables पर क्लिक करें।

जानने योग्य बातें

• Tailwind CSS की spacing 4 px (0.25 rem) unit पर आधारित है।
• Material Design 8 dp grid इस्तेमाल करता है, और छोटे बदलावों के लिए 4 dp।
• 0.5, 1, 1.5, 2, 3, 4, 6 और 8 जैसे गुणज ज़्यादातर spacing ज़रूरतें पूरी कर देते हैं।
• यहाँ rem values 16 px root font size मानकर निकाली गई हैं।
• एक तय स्केल मनमानी pixel values की जगह लेता है और लेआउट को दिखने में एकरूप रखता है।

पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।

अक्सर पूछे जाने वाले सवाल