Spacings

SASS variableslink

We cover usual spacings for consistent margins and paddings. Here are the different sizes:

$uxg-spacing-0: 0; $uxg-spacing-1: 4px; $uxg-spacing-2: 8px; $uxg-spacing-3: 16px; $uxg-spacing-4: 24px; $uxg-spacing-5: 48px; $uxg-spacing-6: 96px;

Usagelink

@use '~@finastra/angular-theme/lib/core/style/spacing'; .my-component { margin: spacing.$uxg-spacing-2; }