Skip to main content

One post tagged with "Spacing"

The spacing / gap scales and the margin-padding rhythm

View All Tags

How should the spacing & gap scales handle modern mid-range and large gutters?

· 4 min read
Jon-Michael Lastimosa
Senior Web Developer

The question: UnysonPlus's spacing and gap scales inherit Bootstrap's $spacers. The gap scale caps at slug 5 (3rem/48px), and both scales jump straight from slug 4 (1.5rem/24px) to slug 5 (3rem/48px). Modern (Tailwind-era) layouts lean on the values in between (32px, 40px) and above (64px, 80px). How should the framework — and the Site Converter that maps real sites onto it — represent those?