Как изменить ширину содержимого документа?

Question

По умолчанию max-width основного элемента 1000px, я хочу сделать его шире.Я попробовал инструкцию по настройке стиля , но не могу найти элемент 'main' или класс 'rsg - content-xx' по нижеуказанному конфигу в 'styleguide.config.js'

styles: {
  StyleGuide: {
    'rsg--content': {
      maxWidth: 1300,
      width: 1300
    },
    '@global main': {
      maxWidth: 1300,
      width: 1300
    }
  }
}

Любая помощь будет очень признателен.

Answer 1

Функция styles в компоненте StyleGuideRenderer принимает тему в качестве аргумента.maxWidth устанавливается в теме .Вы можете переопределить свойства темы в styleguide.config.js:

module.exports = {
  theme: {
    maxWidth: 1300
  }
}

Answer 2

Согласно документации это должно быть примерно так:

styles: {
  StyleGuide: {
    content: {
      maxWidth: 1300
    }
  }
}