Margins

Page container margins are standard space tokens but need to be prefixed with a containerMargin. string:

export const shopstoryConfig = {
  //...
  space: [
    {
      id: 'containerMargin.default',
      value: "5vw"
    },
    {
      id: 'containerMargin.another',
      value: {
        "@xs": 16,
        "@md": 32,
        "@lg": 64
      }
    },
  ],
}

Built-in container margin

The default container margin is 5vw and is stored in containerMargin.default space. You should override this value with projects default container margin.

Last updated