// This file provides both Sass and CSS variables for spacing $spacing-00: 0; $spacing-01: 2px; $spacing-02: 4px; $spacing-03: 6px; $spacing-04: 8px; $spacing-05: 12px; $spacing-06: 16px; $spacing-07: 20px; $spacing-08: 24px; $spacing-09: 32px; $spacing-10: 40px; $spacing-11: 48px; $spacing-12: 56px; $spacing-13: 64px; $spacing-14: 72px; $spacing-15: 80px; $spacing-16: 96px; $all-spacings: spacing-00, spacing-01, spacing-02, spacing-03, spacing-04, spacing-05, spacing-06, spacing-07, spacing-08, spacing-09, spacing-10, spacing-11, spacing-12, spacing-13, spacing-14, spacing-15, spacing-16; :root { --spacing-00: #{$spacing-00}; --spacing-01: #{$spacing-01}; --spacing-02: #{$spacing-02}; --spacing-03: #{$spacing-03}; --spacing-04: #{$spacing-04}; --spacing-05: #{$spacing-05}; --spacing-06: #{$spacing-06}; --spacing-07: #{$spacing-07}; --spacing-08: #{$spacing-08}; --spacing-09: #{$spacing-09}; --spacing-10: #{$spacing-10}; --spacing-11: #{$spacing-11}; --spacing-12: #{$spacing-12}; --spacing-13: #{$spacing-13}; --spacing-14: #{$spacing-14}; --spacing-15: #{$spacing-15}; --spacing-16: #{$spacing-16}; }