jekyll 中的全角 header？

Question

在我的 Jekyll 站点中，所有内容都有特定的宽度。据我了解，这来自 /css/main.scss :

$content-width:    800px;
$on-palm:          600px;
$on-laptop:        800px;

我尝试使用 "local" css 来覆盖这些。它没有用。

以上也影响了整个内容。

有什么方法可以使 header (/_includes/header.html) 的宽度为全宽，并使其余内容保持 default-centered 宽度（从上面继承）？

Answer 1

在 _includes/header.html 中，将 <div class="wrapper"> 更改为 <div class="wrapper-header">。

在_sass/base.scss中添加：

.wrapper-header {
    padding-right: $spacing-unit;
    padding-left: $spacing-unit;
    @extend %clearfix;

    @include media-query($on-laptop) {
        padding-right: $spacing-unit / 2;
        padding-left: $spacing-unit / 2;
    }
}

jekyll 中的全角 header？

Full width header in jekyll?

sass

jekyll

github-pages