Полная ширина заголовка в jekyll?

Question

В моем сайте Jekyll все содержимое имеет определенную ширину. Как я понимаю, это происходит из /css/main.scss:

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

Я попытался с помощью «локального» CSS для того, чтобы заменить их. И это не сработало.

Также вышеизложенное затрагивает весь контент.

Есть ли способ сделать заголовок (/_includes/header.html) полной шириной и оставить остальное содержимое по умолчанию по умолчанию (унаследовано от выше)?

Answer 1

В _includes/header.html, change <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; 
    } 
}