New to Kendo UI for Angular? Start a free 30-day trial

Customizing Spacing

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-spacingMap$_default-spacing
  • 0: 0px
  • 1: 0.25rem
  • 2: 0.5rem
  • 3: 0.75rem
  • 4: 1rem
  • 5: 1.25rem
  • 6: 1.5rem
  • 7: 1.75rem
  • 8: 2rem
  • 9: 2.25rem
  • 10: 2.5rem
  • 11: 2.75rem
  • 12: 3rem
  • 13: 3.25rem
  • 14: 3.5rem
  • 15: 3.75rem
  • 16: 4rem
  • 17: 4.25rem
  • 18: 4.5rem
  • 19: 4.75rem
  • 20: 5rem
  • 21: 5.25rem
  • 22: 5.5rem
  • 23: 5.75rem
  • 24: 6rem
  • 25: 7rem
  • 26: 8rem
  • 27: 9rem
  • 28: 10rem
  • 29: 11rem
  • 30: 12rem
  • 1px: 1px
  • 0.5: 0.125rem
  • 1.5: 0.375rem
  • 2.5: 0.625rem
  • 3.5: 0.875rem
  • 4.5: 1.125rem
  • 5.5: 1.375rem
  • 6.5: 1.625rem
  • 7.5: 1.875rem
Description
The global default Spacing map.

In this article

Not finding the help you need?