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;

@import "~@ffdc/uxg-angular-theme/lib/core/style/spacing";

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