Spacings

Developer documentation

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;

@use '~@finastra/angular-theme/lib/core/style/spacing';

.my-component {
    margin: spacing.$uxg-spacing-2;
}