@datametria/vue-components/src/theme/tokens/spacing.ts

DATAMETRIA Vue.js 3 Component Library with Multi-Brand Theming - 51 components + 10 composables with theming support, WCAG 2.2 AA, dark mode, responsive system

/**
 * Spacing Tokens
 * @author Vander Loto - CTO DATAMETRIA
 * @date 13/11/2025
 */

import type { SpacingTokens } from '../types'

export const defaultSpacing: SpacingTokens = {
  0: '0',
  1: '0.25rem',
  2: '0.5rem',
  3: '0.75rem',
  4: '1rem',
  6: '1.5rem',
  8: '2rem',
  12: '3rem',
  16: '4rem',
  20: '5rem',
  24: '6rem'
}