Back to the list

Spacers

Fajny CSS have different spacers, based on an 8px grid.

File to include

@import "variables";
Name SCSS CSS Value Demo
Spacer XXL $spacer-xxl var(--spacer-xxl) 48px
Spacer XL $spacer-xl var(--spacer-xl) 32px
Spacer L $spacer-l var(--spacer-l) 24px
Spacer M $spacer-m var(--spacer-m) 16px
Spacer S $spacer-s var(--spacer-s) 12px
Spacer XS $spacer-xs var(--spacer-xs) 8px
Spacer XXS $spacer-xxs var(--spacer-xxs) 4px