jekyll中的全角标头? [英] Full width header in jekyll?

问题描述

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

In my Jekyll site all content has specific width. As I understand this comes from /css/main.scss :

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

我尝试使用本地" css来覆盖这些.而且它没有用.

I tried using "local" css in order to overwrite these. And it didn't worked.

以上内容也会影响整个内容.

Also the above affects the whole content.

有什么方法可以使标头(/_includes/header.html)变为全角，并将其余内容保持为默认居中宽度(从上继承)?

Is there any way to make the header (/_includes/header.html) full width and keep the rest content with the default-centered width (inherited from above)?

推荐答案

在 _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中的全角标头?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！