Link

Spacing

Primer Fluid uses the same spacing scale that Primer proper uses though when applied in custom style sheets it’s recommended that spacers are wrapped in the Rem mixin.

.selector {
  padding: rem($spacer-2) rem($spacer-3);
}
Name Value
$spacer-0 0
$spacer-1 4px
$spacer-2 8px
$spacer-3 16px
$spacer-4 24px
$spacer-5 32px
$spacer-6 40px
$spacer-7 48px
$spacer-8 56px
$spacer-9 64px
$spacer-10 72px
$spacer-11 80px
$spacer-12 88px