MSQ Design System Spacing
The complete MSQ spacing scale in pixels, rem, CSS variables, and Tailwind classes. Ready to copy and paste into your project.
Note: Click on any spacing value to copy it to your clipboard. Spacing values are displayed in all common formats.
spacing-0
Pixels
REM
Tailwind
CSS
spacing-1
Pixels
REM
Tailwind
CSS
spacing-2
Pixels
REM
Tailwind
CSS
spacing-4
Pixels
REM
Tailwind
CSS
spacing-6
Pixels
REM
Tailwind
CSS
spacing-8
Pixels
REM
Tailwind
CSS
spacing-12
Pixels
REM
Tailwind
CSS
spacing-16
Pixels
REM
Tailwind
CSS
spacing-20
Pixels
REM
Tailwind
CSS
spacing-24
Pixels
REM
Tailwind
CSS
spacing-32
Pixels
REM
Tailwind
CSS
spacing-40
Pixels
REM
Tailwind
CSS
spacing-48
Pixels
REM
Tailwind
CSS
spacing-64
Pixels
REM
Tailwind
CSS