Блог

Я работаю над темой Jekyll Минимальные ошибки и пробую различные способы расширения страницы. Но я действительно пытаюсь избавиться от max-width: 1280, который появляется при просмотре страницы.

Я пробовал класс wide, но я не хочу поднимать оглавление (оглавление) до верха страницы. В _variables.scss я обнаружил, что переменной x-large присвоено значение 1280, но это ничего не изменило, когда я ее изменил.

Я понимаю, что рекомендуется настроить _page.scss из

 .page {
  width: calc(100% - #{$right-sidebar-width-narrow});
}
 

Для

 .page {
@include breakpoint($large){
  padding-right: 0;
}
@include breakpoint($x-large){
  padding-right: 0;
}
}
 

Когда я проверяю страницу с помощью инструмента проверки, появляется фрагмент, показывающий максимальную ширину: 1280. Когда я снимаю флажок, страница расширяется так, как я хочу, но я не могу понять, где в коде я могу запретить устанавливать ширину 1280. Есть ли другой расчет, отличный от приведенного выше, который я должен изменить?

Вы можете попробовать добавить свойство в свой файл main.scss:

    $max-width:1440px;
 

Конечно, вы можете указать любое значение. Это изменит ширину вашего основного содержимого и автоматически адаптирует к нему боковую панель и таблицу содержимого.

Я сузил правое поле, используя приведенный ниже код _variable.scss . Интересно, теперь у меня нет огромного поля справа.

 $right-sidebar-width-narrow: 100px !default;
$right-sidebar-width: 100px !default;
$right-sidebar-width-wide: 100px !default;