css - 如何在不使用 Minimal Mistakes 中的 wide 类的情况下摆脱最大宽度 1280？

Question

我正在研究 Jekyll Theme Minimal Mistakes 并尝试各种方法来扩展页面。但我真的想摆脱 max-width: 1280 ，它在我检查页面时出现。

我已经尝试了 wide class，但我不想将 Toc(目录)推到页面顶部。在 _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;
}
}

当我使用检查工具检查页面时，会弹出一 block 显示最大宽度:1280。当我取消选中它时，页面会按照我想要的方式扩展，但我似乎无法弄清楚在哪里我可以阻止将宽度设置为 1280 的代码。除了上面列出的计算之外，还有其他我应该更改的计算吗？

Answer 1

您可以尝试将属性添加到您的 main.scss 文件:

   $max-width:1440px;

当然，您可以指定任何值。它将更改您的主要内容宽度并自动采用侧边栏和目录。